stylePostLoader.js 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. "use strict";
  2. var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
  3. if (k2 === undefined) k2 = k;
  4. Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
  5. }) : (function(o, m, k, k2) {
  6. if (k2 === undefined) k2 = k;
  7. o[k2] = m[k];
  8. }));
  9. var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
  10. Object.defineProperty(o, "default", { enumerable: true, value: v });
  11. }) : function(o, v) {
  12. o["default"] = v;
  13. });
  14. var __importStar = (this && this.__importStar) || function (mod) {
  15. if (mod && mod.__esModule) return mod;
  16. var result = {};
  17. if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
  18. __setModuleDefault(result, mod);
  19. return result;
  20. };
  21. Object.defineProperty(exports, "__esModule", { value: true });
  22. const qs = __importStar(require("querystring"));
  23. const compiler_1 = require("./compiler");
  24. const { compileStyle } = compiler_1.compiler;
  25. // This is a post loader that handles scoped CSS transforms.
  26. // Injected right before css-loader by the global pitcher (../pitch.js)
  27. // for any <style scoped> selection requests initiated from within vue files.
  28. const StylePostLoader = function (source, inMap) {
  29. const query = qs.parse(this.resourceQuery.slice(1));
  30. // skip normal CSS files
  31. if (!('vue' in query) || query.type !== 'style' || !query.id) {
  32. this.callback(null, source, inMap);
  33. return;
  34. }
  35. const { code, map, errors } = compileStyle({
  36. source: source,
  37. filename: this.resourcePath,
  38. id: `data-v-${query.id}`,
  39. map: inMap,
  40. scoped: !!query.scoped,
  41. trim: true,
  42. isProd: this.mode === 'production' || process.env.NODE_ENV === 'production',
  43. });
  44. if (errors.length) {
  45. this.callback(errors[0]);
  46. }
  47. else {
  48. this.callback(null, code, map);
  49. }
  50. };
  51. exports.default = StylePostLoader;