index.js 7.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230
  1. "use strict";
  2. Object.defineProperty(exports, "__esModule", {
  3. value: true
  4. });
  5. exports.default = void 0;
  6. var _path = _interopRequireDefault(require("path"));
  7. var _loaderUtils = _interopRequireDefault(require("loader-utils"));
  8. var _schemaUtils = _interopRequireDefault(require("schema-utils"));
  9. var _isEqualLocals = _interopRequireDefault(require("./runtime/isEqualLocals"));
  10. var _options = _interopRequireDefault(require("./options.json"));
  11. function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
  12. const loaderApi = () => {};
  13. loaderApi.pitch = function loader(request) {
  14. const options = _loaderUtils.default.getOptions(this);
  15. (0, _schemaUtils.default)(_options.default, options, {
  16. name: 'Style Loader',
  17. baseDataPath: 'options'
  18. });
  19. const insert = typeof options.insert === 'undefined' ? '"head"' : typeof options.insert === 'string' ? JSON.stringify(options.insert) : options.insert.toString();
  20. const injectType = options.injectType || 'styleTag';
  21. const esModule = typeof options.esModule !== 'undefined' ? options.esModule : false;
  22. delete options.esModule;
  23. switch (injectType) {
  24. case 'linkTag':
  25. {
  26. const hmrCode = this.hot ? `
  27. if (module.hot) {
  28. module.hot.accept(
  29. ${_loaderUtils.default.stringifyRequest(this, `!!${request}`)},
  30. function() {
  31. ${esModule ? 'update(content);' : `content = require(${_loaderUtils.default.stringifyRequest(this, `!!${request}`)});
  32. content = content.__esModule ? content.default : content;
  33. update(content);`}
  34. }
  35. );
  36. module.hot.dispose(function() {
  37. update();
  38. });
  39. }` : '';
  40. return `${esModule ? `import api from ${_loaderUtils.default.stringifyRequest(this, `!${_path.default.join(__dirname, 'runtime/injectStylesIntoLinkTag.js')}`)};
  41. import content from ${_loaderUtils.default.stringifyRequest(this, `!!${request}`)};` : `var api = require(${_loaderUtils.default.stringifyRequest(this, `!${_path.default.join(__dirname, 'runtime/injectStylesIntoLinkTag.js')}`)});
  42. var content = require(${_loaderUtils.default.stringifyRequest(this, `!!${request}`)});
  43. content = content.__esModule ? content.default : content;`}
  44. var options = ${JSON.stringify(options)};
  45. options.insert = ${insert};
  46. var update = api(content, options);
  47. ${hmrCode}
  48. ${esModule ? 'export default {}' : ''}`;
  49. }
  50. case 'lazyStyleTag':
  51. case 'lazySingletonStyleTag':
  52. {
  53. const isSingleton = injectType === 'lazySingletonStyleTag';
  54. const hmrCode = this.hot ? `
  55. if (module.hot) {
  56. if (!content.locals || module.hot.invalidate) {
  57. var isEqualLocals = ${_isEqualLocals.default.toString()};
  58. var oldLocals = content.locals;
  59. module.hot.accept(
  60. ${_loaderUtils.default.stringifyRequest(this, `!!${request}`)},
  61. function () {
  62. ${esModule ? `if (!isEqualLocals(oldLocals, content.locals)) {
  63. module.hot.invalidate();
  64. return;
  65. }
  66. oldLocals = content.locals;
  67. if (update && refs > 0) {
  68. update(content);
  69. }` : `content = require(${_loaderUtils.default.stringifyRequest(this, `!!${request}`)});
  70. content = content.__esModule ? content.default : content;
  71. if (!isEqualLocals(oldLocals, content.locals)) {
  72. module.hot.invalidate();
  73. return;
  74. }
  75. oldLocals = content.locals;
  76. if (update && refs > 0) {
  77. update(content);
  78. }`}
  79. }
  80. )
  81. }
  82. module.hot.dispose(function() {
  83. if (update) {
  84. update();
  85. }
  86. });
  87. }` : '';
  88. return `${esModule ? `import api from ${_loaderUtils.default.stringifyRequest(this, `!${_path.default.join(__dirname, 'runtime/injectStylesIntoStyleTag.js')}`)};
  89. import content from ${_loaderUtils.default.stringifyRequest(this, `!!${request}`)};` : `var api = require(${_loaderUtils.default.stringifyRequest(this, `!${_path.default.join(__dirname, 'runtime/injectStylesIntoStyleTag.js')}`)});
  90. var content = require(${_loaderUtils.default.stringifyRequest(this, `!!${request}`)});
  91. content = content.__esModule ? content.default : content;
  92. if (typeof content === 'string') {
  93. content = [[module.id, content, '']];
  94. }`}
  95. var refs = 0;
  96. var update;
  97. var options = ${JSON.stringify(options)};
  98. options.insert = ${insert};
  99. options.singleton = ${isSingleton};
  100. var exported = {};
  101. exported.locals = content.locals || {};
  102. exported.use = function() {
  103. if (!(refs++)) {
  104. update = api(content, options);
  105. }
  106. return exported;
  107. };
  108. exported.unuse = function() {
  109. if (refs > 0 && !--refs) {
  110. update();
  111. update = null;
  112. }
  113. };
  114. ${hmrCode}
  115. ${esModule ? 'export default' : 'module.exports ='} exported;`;
  116. }
  117. case 'styleTag':
  118. case 'singletonStyleTag':
  119. default:
  120. {
  121. const isSingleton = injectType === 'singletonStyleTag';
  122. const hmrCode = this.hot ? `
  123. if (module.hot) {
  124. if (!content.locals || module.hot.invalidate) {
  125. var isEqualLocals = ${_isEqualLocals.default.toString()};
  126. var oldLocals = content.locals;
  127. module.hot.accept(
  128. ${_loaderUtils.default.stringifyRequest(this, `!!${request}`)},
  129. function () {
  130. ${esModule ? `if (!isEqualLocals(oldLocals, content.locals)) {
  131. module.hot.invalidate();
  132. return;
  133. }
  134. oldLocals = content.locals;
  135. update(content);` : `content = require(${_loaderUtils.default.stringifyRequest(this, `!!${request}`)});
  136. content = content.__esModule ? content.default : content;
  137. if (typeof content === 'string') {
  138. content = [[module.id, content, '']];
  139. }
  140. if (!isEqualLocals(oldLocals, content.locals)) {
  141. module.hot.invalidate();
  142. return;
  143. }
  144. oldLocals = content.locals;
  145. update(content);`}
  146. }
  147. )
  148. }
  149. module.hot.dispose(function() {
  150. update();
  151. });
  152. }` : '';
  153. return `${esModule ? `import api from ${_loaderUtils.default.stringifyRequest(this, `!${_path.default.join(__dirname, 'runtime/injectStylesIntoStyleTag.js')}`)};
  154. import content from ${_loaderUtils.default.stringifyRequest(this, `!!${request}`)};` : `var api = require(${_loaderUtils.default.stringifyRequest(this, `!${_path.default.join(__dirname, 'runtime/injectStylesIntoStyleTag.js')}`)});
  155. var content = require(${_loaderUtils.default.stringifyRequest(this, `!!${request}`)});
  156. content = content.__esModule ? content.default : content;
  157. if (typeof content === 'string') {
  158. content = [[module.id, content, '']];
  159. }`}
  160. var options = ${JSON.stringify(options)};
  161. options.insert = ${insert};
  162. options.singleton = ${isSingleton};
  163. var update = api(content, options);
  164. ${hmrCode}
  165. ${esModule ? 'export default' : 'module.exports ='} content.locals || {};`;
  166. }
  167. }
  168. };
  169. var _default = loaderApi;
  170. exports.default = _default;