loader.js 6.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186
  1. "use strict";
  2. Object.defineProperty(exports, "__esModule", {
  3. value: true
  4. });
  5. exports.pitch = pitch;
  6. exports.default = _default;
  7. var _module = _interopRequireDefault(require("module"));
  8. var _path = _interopRequireDefault(require("path"));
  9. var _loaderUtils = _interopRequireDefault(require("loader-utils"));
  10. var _NodeTemplatePlugin = _interopRequireDefault(require("webpack/lib/node/NodeTemplatePlugin"));
  11. var _NodeTargetPlugin = _interopRequireDefault(require("webpack/lib/node/NodeTargetPlugin"));
  12. var _LibraryTemplatePlugin = _interopRequireDefault(require("webpack/lib/LibraryTemplatePlugin"));
  13. var _SingleEntryPlugin = _interopRequireDefault(require("webpack/lib/SingleEntryPlugin"));
  14. var _LimitChunkCountPlugin = _interopRequireDefault(require("webpack/lib/optimize/LimitChunkCountPlugin"));
  15. var _schemaUtils = _interopRequireDefault(require("schema-utils"));
  16. var _options = _interopRequireDefault(require("./options.json"));
  17. function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
  18. function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { keys.push.apply(keys, Object.getOwnPropertySymbols(object)); } if (enumerableOnly) keys = keys.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); return keys; }
  19. function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(source, true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(source).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
  20. function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
  21. const MODULE_TYPE = 'css/mini-extract';
  22. const pluginName = 'mini-css-extract-plugin';
  23. function hotLoader(content, context) {
  24. const accept = context.locals ? '' : 'module.hot.accept(undefined, cssReload);';
  25. return `${content}
  26. if(module.hot) {
  27. // ${Date.now()}
  28. var cssReload = require(${_loaderUtils.default.stringifyRequest(context.context, _path.default.join(__dirname, 'hmr/hotModuleReplacement.js'))})(module.id, ${JSON.stringify(_objectSpread({}, context.options, {
  29. locals: !!context.locals
  30. }))});
  31. module.hot.dispose(cssReload);
  32. ${accept}
  33. }
  34. `;
  35. }
  36. const exec = (loaderContext, code, filename) => {
  37. const module = new _module.default(filename, loaderContext);
  38. module.paths = _module.default._nodeModulePaths(loaderContext.context); // eslint-disable-line no-underscore-dangle
  39. module.filename = filename;
  40. module._compile(code, filename); // eslint-disable-line no-underscore-dangle
  41. return module.exports;
  42. };
  43. const findModuleById = (modules, id) => {
  44. for (const module of modules) {
  45. if (module.id === id) {
  46. return module;
  47. }
  48. }
  49. return null;
  50. };
  51. function pitch(request) {
  52. const options = _loaderUtils.default.getOptions(this) || {};
  53. (0, _schemaUtils.default)(_options.default, options, 'Mini CSS Extract Plugin Loader');
  54. const loaders = this.loaders.slice(this.loaderIndex + 1);
  55. this.addDependency(this.resourcePath);
  56. const childFilename = '*'; // eslint-disable-line no-path-concat
  57. const publicPath = typeof options.publicPath === 'string' ? options.publicPath === '' || options.publicPath.endsWith('/') ? options.publicPath : `${options.publicPath}/` : typeof options.publicPath === 'function' ? options.publicPath(this.resourcePath, this.rootContext) : this._compilation.outputOptions.publicPath;
  58. const outputOptions = {
  59. filename: childFilename,
  60. publicPath
  61. };
  62. const childCompiler = this._compilation.createChildCompiler(`${pluginName} ${request}`, outputOptions);
  63. new _NodeTemplatePlugin.default(outputOptions).apply(childCompiler);
  64. new _LibraryTemplatePlugin.default(null, 'commonjs2').apply(childCompiler);
  65. new _NodeTargetPlugin.default().apply(childCompiler);
  66. new _SingleEntryPlugin.default(this.context, `!!${request}`, pluginName).apply(childCompiler);
  67. new _LimitChunkCountPlugin.default({
  68. maxChunks: 1
  69. }).apply(childCompiler); // We set loaderContext[MODULE_TYPE] = false to indicate we already in
  70. // a child compiler so we don't spawn another child compilers from there.
  71. childCompiler.hooks.thisCompilation.tap(`${pluginName} loader`, compilation => {
  72. compilation.hooks.normalModuleLoader.tap(`${pluginName} loader`, (loaderContext, module) => {
  73. // eslint-disable-next-line no-param-reassign
  74. loaderContext.emitFile = this.emitFile;
  75. loaderContext[MODULE_TYPE] = false; // eslint-disable-line no-param-reassign
  76. if (module.request === request) {
  77. // eslint-disable-next-line no-param-reassign
  78. module.loaders = loaders.map(loader => {
  79. return {
  80. loader: loader.path,
  81. options: loader.options,
  82. ident: loader.ident
  83. };
  84. });
  85. }
  86. });
  87. });
  88. let source;
  89. childCompiler.hooks.afterCompile.tap(pluginName, compilation => {
  90. source = compilation.assets[childFilename] && compilation.assets[childFilename].source(); // Remove all chunk assets
  91. compilation.chunks.forEach(chunk => {
  92. chunk.files.forEach(file => {
  93. delete compilation.assets[file]; // eslint-disable-line no-param-reassign
  94. });
  95. });
  96. });
  97. const callback = this.async();
  98. childCompiler.runAsChild((err, entries, compilation) => {
  99. if (err) {
  100. return callback(err);
  101. }
  102. if (compilation.errors.length > 0) {
  103. return callback(compilation.errors[0]);
  104. }
  105. compilation.fileDependencies.forEach(dep => {
  106. this.addDependency(dep);
  107. }, this);
  108. compilation.contextDependencies.forEach(dep => {
  109. this.addContextDependency(dep);
  110. }, this);
  111. if (!source) {
  112. return callback(new Error("Didn't get a result from child compiler"));
  113. }
  114. let text;
  115. let locals;
  116. try {
  117. text = exec(this, source, request);
  118. locals = text && text.locals;
  119. if (!Array.isArray(text)) {
  120. text = [[null, text]];
  121. } else {
  122. text = text.map(line => {
  123. const module = findModuleById(compilation.modules, line[0]);
  124. return {
  125. identifier: module.identifier(),
  126. content: line[1],
  127. media: line[2],
  128. sourceMap: line[3]
  129. };
  130. });
  131. }
  132. this[MODULE_TYPE](text);
  133. } catch (e) {
  134. return callback(e);
  135. }
  136. let resultSource = `// extracted by ${pluginName}`;
  137. const result = locals ? `\nmodule.exports = ${JSON.stringify(locals)};` : '';
  138. resultSource += options.hmr ? hotLoader(result, {
  139. context: this.context,
  140. options,
  141. locals
  142. }) : result;
  143. return callback(null, resultSource);
  144. });
  145. }
  146. function _default() {}