index.js 3.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103
  1. "use strict";
  2. Object.defineProperty(exports, "__esModule", {
  3. value: true
  4. });
  5. exports.default = void 0;
  6. var _url = _interopRequireDefault(require("url"));
  7. var _path = _interopRequireDefault(require("path"));
  8. var _options = _interopRequireDefault(require("./options.json"));
  9. var _utils = require("./utils");
  10. function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
  11. /**
  12. * The sass-loader makes node-sass and dart-sass available to webpack modules.
  13. *
  14. * @this {object}
  15. * @param {string} content
  16. */
  17. async function loader(content) {
  18. const options = this.getOptions(_options.default);
  19. const callback = this.async();
  20. let implementation;
  21. try {
  22. implementation = (0, _utils.getSassImplementation)(this, options.implementation);
  23. } catch (error) {
  24. callback(error);
  25. return;
  26. }
  27. const useSourceMap = typeof options.sourceMap === "boolean" ? options.sourceMap : this.sourceMap;
  28. // Use `legacy` for `node-sass` and `modern` for `dart-sass` and `sass-embedded`
  29. const apiType = typeof implementation.compileStringAsync === "undefined" ? "legacy" : typeof options.api === "undefined" ? "modern" : options.api;
  30. const sassOptions = await (0, _utils.getSassOptions)(this, options, content, implementation, useSourceMap, apiType);
  31. const shouldUseWebpackImporter = typeof options.webpackImporter === "boolean" ? options.webpackImporter : true;
  32. if (shouldUseWebpackImporter) {
  33. const isModernAPI = apiType === "modern" || apiType === "modern-compiler";
  34. if (!isModernAPI) {
  35. const {
  36. includePaths
  37. } = sassOptions;
  38. sassOptions.importer.push((0, _utils.getWebpackImporter)(this, implementation, includePaths));
  39. } else {
  40. sassOptions.importers.push(
  41. // No need to pass `loadPaths`, because modern API handle them itself
  42. (0, _utils.getModernWebpackImporter)(this, implementation, []));
  43. }
  44. }
  45. let compile;
  46. try {
  47. compile = (0, _utils.getCompileFn)(this, implementation, apiType);
  48. } catch (error) {
  49. callback(error);
  50. return;
  51. }
  52. let result;
  53. try {
  54. result = await compile(sassOptions);
  55. } catch (error) {
  56. // There are situations when the `file`/`span.url` property do not exist
  57. // Modern API
  58. if (error.span && typeof error.span.url !== "undefined") {
  59. this.addDependency(_url.default.fileURLToPath(error.span.url));
  60. }
  61. // Legacy API
  62. else if (typeof error.file !== "undefined") {
  63. // `node-sass` returns POSIX paths
  64. this.addDependency(_path.default.normalize(error.file));
  65. }
  66. callback((0, _utils.errorFactory)(error));
  67. return;
  68. }
  69. let map =
  70. // Modern API, then legacy API
  71. result.sourceMap ? result.sourceMap : result.map ? JSON.parse(result.map) : null;
  72. // Modify source paths only for webpack, otherwise we do nothing
  73. if (map && useSourceMap) {
  74. map = (0, _utils.normalizeSourceMap)(map, this.rootContext);
  75. }
  76. // Modern API
  77. if (typeof result.loadedUrls !== "undefined") {
  78. result.loadedUrls.filter(loadedUrl => loadedUrl.protocol === "file:").forEach(includedFile => {
  79. const normalizedIncludedFile = _url.default.fileURLToPath(includedFile);
  80. // Custom `importer` can return only `contents` so includedFile will be relative
  81. if (_path.default.isAbsolute(normalizedIncludedFile)) {
  82. this.addDependency(normalizedIncludedFile);
  83. }
  84. });
  85. }
  86. // Legacy API
  87. else if (typeof result.stats !== "undefined" && typeof result.stats.includedFiles !== "undefined") {
  88. result.stats.includedFiles.forEach(includedFile => {
  89. const normalizedIncludedFile = _path.default.normalize(includedFile);
  90. // Custom `importer` can return only `contents` so includedFile will be relative
  91. if (_path.default.isAbsolute(normalizedIncludedFile)) {
  92. this.addDependency(normalizedIncludedFile);
  93. }
  94. });
  95. }
  96. callback(null, result.css.toString(), map);
  97. }
  98. var _default = exports.default = loader;