CssGenerator.js 5.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154
  1. /*
  2. MIT License http://www.opensource.org/licenses/mit-license.php
  3. Author Sergey Melyukov @smelukov
  4. */
  5. "use strict";
  6. const { ReplaceSource } = require("webpack-sources");
  7. const Generator = require("../Generator");
  8. const InitFragment = require("../InitFragment");
  9. const RuntimeGlobals = require("../RuntimeGlobals");
  10. const { cssExportConvention } = require("../util/conventions");
  11. /** @typedef {import("webpack-sources").Source} Source */
  12. /** @typedef {import("../../declarations/WebpackOptions").CssGeneratorExportsConvention} CssGeneratorExportsConvention */
  13. /** @typedef {import("../../declarations/WebpackOptions").CssGeneratorLocalIdentName} CssGeneratorLocalIdentName */
  14. /** @typedef {import("../Dependency")} Dependency */
  15. /** @typedef {import("../DependencyTemplate").CssDependencyTemplateContext} DependencyTemplateContext */
  16. /** @typedef {import("../DependencyTemplate").CssExportsData} CssExportsData */
  17. /** @typedef {import("../Generator").GenerateContext} GenerateContext */
  18. /** @typedef {import("../Generator").UpdateHashContext} UpdateHashContext */
  19. /** @typedef {import("../NormalModule")} NormalModule */
  20. /** @typedef {import("../util/Hash")} Hash */
  21. const TYPES = new Set(["css"]);
  22. class CssGenerator extends Generator {
  23. /**
  24. * @param {CssGeneratorExportsConvention | undefined} convention the convention of the exports name
  25. * @param {CssGeneratorLocalIdentName | undefined} localIdentName css export local ident name
  26. * @param {boolean} esModule whether to use ES modules syntax
  27. */
  28. constructor(convention, localIdentName, esModule) {
  29. super();
  30. /** @type {CssGeneratorExportsConvention | undefined} */
  31. this.convention = convention;
  32. /** @type {CssGeneratorLocalIdentName | undefined} */
  33. this.localIdentName = localIdentName;
  34. /** @type {boolean} */
  35. this.esModule = esModule;
  36. }
  37. /**
  38. * @param {NormalModule} module module for which the code should be generated
  39. * @param {GenerateContext} generateContext context for generate
  40. * @returns {Source} generated code
  41. */
  42. generate(module, generateContext) {
  43. const originalSource = /** @type {Source} */ (module.originalSource());
  44. const source = new ReplaceSource(originalSource);
  45. /** @type {InitFragment[]} */
  46. const initFragments = [];
  47. /** @type {CssExportsData} */
  48. const cssExportsData = {
  49. esModule: this.esModule,
  50. exports: new Map()
  51. };
  52. generateContext.runtimeRequirements.add(RuntimeGlobals.hasCssModules);
  53. let chunkInitFragments;
  54. /** @type {DependencyTemplateContext} */
  55. const templateContext = {
  56. runtimeTemplate: generateContext.runtimeTemplate,
  57. dependencyTemplates: generateContext.dependencyTemplates,
  58. moduleGraph: generateContext.moduleGraph,
  59. chunkGraph: generateContext.chunkGraph,
  60. module,
  61. runtime: generateContext.runtime,
  62. runtimeRequirements: generateContext.runtimeRequirements,
  63. concatenationScope: generateContext.concatenationScope,
  64. codeGenerationResults: generateContext.codeGenerationResults,
  65. initFragments,
  66. cssExportsData,
  67. get chunkInitFragments() {
  68. if (!chunkInitFragments) {
  69. const data = generateContext.getData();
  70. chunkInitFragments = data.get("chunkInitFragments");
  71. if (!chunkInitFragments) {
  72. chunkInitFragments = [];
  73. data.set("chunkInitFragments", chunkInitFragments);
  74. }
  75. }
  76. return chunkInitFragments;
  77. }
  78. };
  79. /**
  80. * @param {Dependency} dependency dependency
  81. */
  82. const handleDependency = dependency => {
  83. const constructor = /** @type {new (...args: any[]) => Dependency} */ (
  84. dependency.constructor
  85. );
  86. const template = generateContext.dependencyTemplates.get(constructor);
  87. if (!template) {
  88. throw new Error(
  89. "No template for dependency: " + dependency.constructor.name
  90. );
  91. }
  92. template.apply(dependency, source, templateContext);
  93. };
  94. module.dependencies.forEach(handleDependency);
  95. if (module.presentationalDependencies !== undefined)
  96. module.presentationalDependencies.forEach(handleDependency);
  97. if (cssExportsData.exports.size > 0) {
  98. const newExports = new Map();
  99. for (let [name, v] of cssExportsData.exports) {
  100. for (let newName of cssExportConvention(name, this.convention)) {
  101. newExports.set(newName, v);
  102. }
  103. }
  104. cssExportsData.exports = newExports;
  105. }
  106. const data = generateContext.getData();
  107. data.set("css-exports", cssExportsData);
  108. return InitFragment.addToSource(source, initFragments, generateContext);
  109. }
  110. /**
  111. * @param {NormalModule} module fresh module
  112. * @returns {Set<string>} available types (do not mutate)
  113. */
  114. getTypes(module) {
  115. return TYPES;
  116. }
  117. /**
  118. * @param {NormalModule} module the module
  119. * @param {string=} type source type
  120. * @returns {number} estimate size of the module
  121. */
  122. getSize(module, type) {
  123. const originalSource = module.originalSource();
  124. if (!originalSource) {
  125. return 0;
  126. }
  127. return originalSource.size();
  128. }
  129. /**
  130. * @param {Hash} hash hash that will be modified
  131. * @param {UpdateHashContext} updateHashContext context for updating hash
  132. */
  133. updateHash(hash, { module }) {}
  134. }
  135. module.exports = CssGenerator;