[6a3a178] | 1 | "use strict";
|
---|
| 2 |
|
---|
| 3 | Object.defineProperty(exports, "__esModule", {
|
---|
| 4 | value: true
|
---|
| 5 | });
|
---|
| 6 | exports.getSassImplementation = getSassImplementation;
|
---|
| 7 | exports.getSassOptions = getSassOptions;
|
---|
| 8 | exports.getWebpackResolver = getWebpackResolver;
|
---|
| 9 | exports.getWebpackImporter = getWebpackImporter;
|
---|
| 10 | exports.getRenderFunctionFromSassImplementation = getRenderFunctionFromSassImplementation;
|
---|
| 11 | exports.normalizeSourceMap = normalizeSourceMap;
|
---|
| 12 | exports.isSupportedFibers = isSupportedFibers;
|
---|
| 13 |
|
---|
| 14 | var _url = _interopRequireDefault(require("url"));
|
---|
| 15 |
|
---|
| 16 | var _path = _interopRequireDefault(require("path"));
|
---|
| 17 |
|
---|
| 18 | var _full = require("klona/full");
|
---|
| 19 |
|
---|
| 20 | var _neoAsync = _interopRequireDefault(require("neo-async"));
|
---|
| 21 |
|
---|
| 22 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
---|
| 23 |
|
---|
| 24 | function getDefaultSassImplementation() {
|
---|
| 25 | let sassImplPkg = "sass";
|
---|
| 26 |
|
---|
| 27 | try {
|
---|
| 28 | require.resolve("sass");
|
---|
| 29 | } catch (error) {
|
---|
| 30 | try {
|
---|
| 31 | require.resolve("node-sass");
|
---|
| 32 |
|
---|
| 33 | sassImplPkg = "node-sass";
|
---|
| 34 | } catch (ignoreError) {
|
---|
| 35 | sassImplPkg = "sass";
|
---|
| 36 | }
|
---|
| 37 | } // eslint-disable-next-line import/no-dynamic-require, global-require
|
---|
| 38 |
|
---|
| 39 |
|
---|
| 40 | return require(sassImplPkg);
|
---|
| 41 | }
|
---|
| 42 | /**
|
---|
| 43 | * This function is not Webpack-specific and can be used by tools wishing to mimic `sass-loader`'s behaviour, so its signature should not be changed.
|
---|
| 44 | */
|
---|
| 45 |
|
---|
| 46 |
|
---|
| 47 | function getSassImplementation(loaderContext, implementation) {
|
---|
| 48 | let resolvedImplementation = implementation;
|
---|
| 49 |
|
---|
| 50 | if (!resolvedImplementation) {
|
---|
| 51 | try {
|
---|
| 52 | resolvedImplementation = getDefaultSassImplementation();
|
---|
| 53 | } catch (error) {
|
---|
| 54 | loaderContext.emitError(error);
|
---|
| 55 | return;
|
---|
| 56 | }
|
---|
| 57 | }
|
---|
| 58 |
|
---|
| 59 | if (typeof resolvedImplementation === "string") {
|
---|
| 60 | try {
|
---|
| 61 | // eslint-disable-next-line import/no-dynamic-require, global-require
|
---|
| 62 | resolvedImplementation = require(resolvedImplementation);
|
---|
| 63 | } catch (error) {
|
---|
| 64 | loaderContext.emitError(error); // eslint-disable-next-line consistent-return
|
---|
| 65 |
|
---|
| 66 | return;
|
---|
| 67 | }
|
---|
| 68 | }
|
---|
| 69 |
|
---|
| 70 | const {
|
---|
| 71 | info
|
---|
| 72 | } = resolvedImplementation;
|
---|
| 73 |
|
---|
| 74 | if (!info) {
|
---|
| 75 | loaderContext.emitError(new Error("Unknown Sass implementation."));
|
---|
| 76 | return;
|
---|
| 77 | }
|
---|
| 78 |
|
---|
| 79 | const infoParts = info.split("\t");
|
---|
| 80 |
|
---|
| 81 | if (infoParts.length < 2) {
|
---|
| 82 | loaderContext.emitError(new Error(`Unknown Sass implementation "${info}".`));
|
---|
| 83 | return;
|
---|
| 84 | }
|
---|
| 85 |
|
---|
| 86 | const [implementationName] = infoParts;
|
---|
| 87 |
|
---|
| 88 | if (implementationName === "dart-sass") {
|
---|
| 89 | // eslint-disable-next-line consistent-return
|
---|
| 90 | return resolvedImplementation;
|
---|
| 91 | } else if (implementationName === "node-sass") {
|
---|
| 92 | // eslint-disable-next-line consistent-return
|
---|
| 93 | return resolvedImplementation;
|
---|
| 94 | }
|
---|
| 95 |
|
---|
| 96 | loaderContext.emitError(new Error(`Unknown Sass implementation "${implementationName}".`));
|
---|
| 97 | }
|
---|
| 98 | /**
|
---|
| 99 | * @param {any} loaderContext
|
---|
| 100 | * @returns {boolean}
|
---|
| 101 | */
|
---|
| 102 |
|
---|
| 103 |
|
---|
| 104 | function isProductionLikeMode(loaderContext) {
|
---|
| 105 | return loaderContext.mode === "production" || !loaderContext.mode;
|
---|
| 106 | }
|
---|
| 107 |
|
---|
| 108 | function proxyCustomImporters(importers, loaderContext) {
|
---|
| 109 | return [].concat(importers).map(importer => function proxyImporter(...args) {
|
---|
| 110 | const self = { ...this,
|
---|
| 111 | webpackLoaderContext: loaderContext
|
---|
| 112 | };
|
---|
| 113 | return importer.apply(self, args);
|
---|
| 114 | });
|
---|
| 115 | }
|
---|
| 116 |
|
---|
| 117 | function isSupportedFibers() {
|
---|
| 118 | const [nodeVersion] = process.versions.node.split(".");
|
---|
| 119 | return Number(nodeVersion) < 16;
|
---|
| 120 | }
|
---|
| 121 | /**
|
---|
| 122 | * Derives the sass options from the loader context and normalizes its values with sane defaults.
|
---|
| 123 | *
|
---|
| 124 | * @param {object} loaderContext
|
---|
| 125 | * @param {object} loaderOptions
|
---|
| 126 | * @param {string} content
|
---|
| 127 | * @param {object} implementation
|
---|
| 128 | * @param {boolean} useSourceMap
|
---|
| 129 | * @returns {Object}
|
---|
| 130 | */
|
---|
| 131 |
|
---|
| 132 |
|
---|
| 133 | async function getSassOptions(loaderContext, loaderOptions, content, implementation, useSourceMap) {
|
---|
| 134 | const options = (0, _full.klona)(loaderOptions.sassOptions ? typeof loaderOptions.sassOptions === "function" ? loaderOptions.sassOptions(loaderContext) || {} : loaderOptions.sassOptions : {});
|
---|
| 135 | const isDartSass = implementation.info.includes("dart-sass");
|
---|
| 136 |
|
---|
| 137 | if (isDartSass && isSupportedFibers()) {
|
---|
| 138 | const shouldTryToResolveFibers = !options.fiber && options.fiber !== false;
|
---|
| 139 |
|
---|
| 140 | if (shouldTryToResolveFibers) {
|
---|
| 141 | let fibers;
|
---|
| 142 |
|
---|
| 143 | try {
|
---|
| 144 | fibers = require.resolve("fibers");
|
---|
| 145 | } catch (_error) {// Nothing
|
---|
| 146 | }
|
---|
| 147 |
|
---|
| 148 | if (fibers) {
|
---|
| 149 | // eslint-disable-next-line global-require, import/no-dynamic-require
|
---|
| 150 | options.fiber = require(fibers);
|
---|
| 151 | }
|
---|
| 152 | } else if (options.fiber === false) {
|
---|
| 153 | // Don't pass the `fiber` option for `sass` (`Dart Sass`)
|
---|
| 154 | delete options.fiber;
|
---|
| 155 | }
|
---|
| 156 | } else {
|
---|
| 157 | // Don't pass the `fiber` option for `node-sass`
|
---|
| 158 | delete options.fiber;
|
---|
| 159 | }
|
---|
| 160 |
|
---|
| 161 | options.file = loaderContext.resourcePath;
|
---|
| 162 | options.data = loaderOptions.additionalData ? typeof loaderOptions.additionalData === "function" ? await loaderOptions.additionalData(content, loaderContext) : `${loaderOptions.additionalData}\n${content}` : content; // opt.outputStyle
|
---|
| 163 |
|
---|
| 164 | if (!options.outputStyle && isProductionLikeMode(loaderContext)) {
|
---|
| 165 | options.outputStyle = "compressed";
|
---|
| 166 | }
|
---|
| 167 |
|
---|
| 168 | if (useSourceMap) {
|
---|
| 169 | // Deliberately overriding the sourceMap option here.
|
---|
| 170 | // node-sass won't produce source maps if the data option is used and options.sourceMap is not a string.
|
---|
| 171 | // In case it is a string, options.sourceMap should be a path where the source map is written.
|
---|
| 172 | // But since we're using the data option, the source map will not actually be written, but
|
---|
| 173 | // all paths in sourceMap.sources will be relative to that path.
|
---|
| 174 | // Pretty complicated... :(
|
---|
| 175 | options.sourceMap = true;
|
---|
| 176 | options.outFile = _path.default.join(loaderContext.rootContext, "style.css.map");
|
---|
| 177 | options.sourceMapContents = true;
|
---|
| 178 | options.omitSourceMapUrl = true;
|
---|
| 179 | options.sourceMapEmbed = false;
|
---|
| 180 | }
|
---|
| 181 |
|
---|
| 182 | const {
|
---|
| 183 | resourcePath
|
---|
| 184 | } = loaderContext;
|
---|
| 185 |
|
---|
| 186 | const ext = _path.default.extname(resourcePath); // If we are compiling sass and indentedSyntax isn't set, automatically set it.
|
---|
| 187 |
|
---|
| 188 |
|
---|
| 189 | if (ext && ext.toLowerCase() === ".sass" && typeof options.indentedSyntax === "undefined") {
|
---|
| 190 | options.indentedSyntax = true;
|
---|
| 191 | } else {
|
---|
| 192 | options.indentedSyntax = Boolean(options.indentedSyntax);
|
---|
| 193 | } // Allow passing custom importers to `sass`/`node-sass`. Accepts `Function` or an array of `Function`s.
|
---|
| 194 |
|
---|
| 195 |
|
---|
| 196 | options.importer = options.importer ? proxyCustomImporters(Array.isArray(options.importer) ? options.importer : [options.importer], loaderContext) : [];
|
---|
| 197 | options.includePaths = [].concat(process.cwd()).concat( // We use `includePaths` in context for resolver, so it should be always absolute
|
---|
| 198 | (options.includePaths || []).map(includePath => _path.default.isAbsolute(includePath) ? includePath : _path.default.join(process.cwd(), includePath))).concat(process.env.SASS_PATH ? process.env.SASS_PATH.split(process.platform === "win32" ? ";" : ":") : []);
|
---|
| 199 | return options;
|
---|
| 200 | }
|
---|
| 201 |
|
---|
| 202 | const MODULE_REQUEST_REGEX = /^[^?]*~/; // Examples:
|
---|
| 203 | // - ~package
|
---|
| 204 | // - ~package/
|
---|
| 205 | // - ~@org
|
---|
| 206 | // - ~@org/
|
---|
| 207 | // - ~@org/package
|
---|
| 208 | // - ~@org/package/
|
---|
| 209 |
|
---|
| 210 | const IS_MODULE_IMPORT = /^~([^/]+|[^/]+\/|@[^/]+[/][^/]+|@[^/]+\/?|@[^/]+[/][^/]+\/)$/;
|
---|
| 211 | /**
|
---|
| 212 | * When `sass`/`node-sass` tries to resolve an import, it uses a special algorithm.
|
---|
| 213 | * Since the `sass-loader` uses webpack to resolve the modules, we need to simulate that algorithm.
|
---|
| 214 | * This function returns an array of import paths to try.
|
---|
| 215 | * The last entry in the array is always the original url to enable straight-forward webpack.config aliases.
|
---|
| 216 | *
|
---|
| 217 | * We don't need emulate `dart-sass` "It's not clear which file to import." errors (when "file.ext" and "_file.ext" files are present simultaneously in the same directory).
|
---|
| 218 | * This reduces performance and `dart-sass` always do it on own side.
|
---|
| 219 | *
|
---|
| 220 | * @param {string} url
|
---|
| 221 | * @param {boolean} forWebpackResolver
|
---|
| 222 | * @param {boolean} fromImport
|
---|
| 223 | * @returns {Array<string>}
|
---|
| 224 | */
|
---|
| 225 |
|
---|
| 226 | function getPossibleRequests( // eslint-disable-next-line no-shadow
|
---|
| 227 | url, forWebpackResolver = false, fromImport = false) {
|
---|
| 228 | let request = url; // In case there is module request, send this to webpack resolver
|
---|
| 229 |
|
---|
| 230 | if (forWebpackResolver) {
|
---|
| 231 | if (MODULE_REQUEST_REGEX.test(url)) {
|
---|
| 232 | request = request.replace(MODULE_REQUEST_REGEX, "");
|
---|
| 233 | }
|
---|
| 234 |
|
---|
| 235 | if (IS_MODULE_IMPORT.test(url)) {
|
---|
| 236 | request = request[request.length - 1] === "/" ? request : `${request}/`;
|
---|
| 237 | return [...new Set([request, url])];
|
---|
| 238 | }
|
---|
| 239 | } // Keep in mind: ext can also be something like '.datepicker' when the true extension is omitted and the filename contains a dot.
|
---|
| 240 | // @see https://github.com/webpack-contrib/sass-loader/issues/167
|
---|
| 241 |
|
---|
| 242 |
|
---|
| 243 | const extension = _path.default.extname(request).toLowerCase(); // Because @import is also defined in CSS, Sass needs a way of compiling plain CSS @imports without trying to import the files at compile time.
|
---|
| 244 | // To accomplish this, and to ensure SCSS is as much of a superset of CSS as possible, Sass will compile any @imports with the following characteristics to plain CSS imports:
|
---|
| 245 | // - imports where the URL ends with .css.
|
---|
| 246 | // - imports where the URL begins http:// or https://.
|
---|
| 247 | // - imports where the URL is written as a url().
|
---|
| 248 | // - imports that have media queries.
|
---|
| 249 | //
|
---|
| 250 | // The `node-sass` package sends `@import` ending on `.css` to importer, it is bug, so we skip resolve
|
---|
| 251 |
|
---|
| 252 |
|
---|
| 253 | if (extension === ".css") {
|
---|
| 254 | return [];
|
---|
| 255 | }
|
---|
| 256 |
|
---|
| 257 | const dirname = _path.default.dirname(request);
|
---|
| 258 |
|
---|
| 259 | const normalizedDirname = dirname === "." ? "" : `${dirname}/`;
|
---|
| 260 |
|
---|
| 261 | const basename = _path.default.basename(request);
|
---|
| 262 |
|
---|
| 263 | const basenameWithoutExtension = _path.default.basename(request, extension);
|
---|
| 264 |
|
---|
| 265 | return [...new Set([].concat(fromImport ? [`${normalizedDirname}_${basenameWithoutExtension}.import${extension}`, `${normalizedDirname}${basenameWithoutExtension}.import${extension}`] : []).concat([`${normalizedDirname}_${basename}`, `${normalizedDirname}${basename}`]).concat(forWebpackResolver ? [url] : []))];
|
---|
| 266 | }
|
---|
| 267 |
|
---|
| 268 | function promiseResolve(callbackResolve) {
|
---|
| 269 | return (context, request) => new Promise((resolve, reject) => {
|
---|
| 270 | callbackResolve(context, request, (error, result) => {
|
---|
| 271 | if (error) {
|
---|
| 272 | reject(error);
|
---|
| 273 | } else {
|
---|
| 274 | resolve(result);
|
---|
| 275 | }
|
---|
| 276 | });
|
---|
| 277 | });
|
---|
| 278 | }
|
---|
| 279 |
|
---|
| 280 | const IS_SPECIAL_MODULE_IMPORT = /^~[^/]+$/; // `[drive_letter]:\` + `\\[server]\[sharename]\`
|
---|
| 281 |
|
---|
| 282 | const IS_NATIVE_WIN32_PATH = /^[a-z]:[/\\]|^\\\\/i;
|
---|
| 283 | /**
|
---|
| 284 | * @public
|
---|
| 285 | * Create the resolve function used in the custom Sass importer.
|
---|
| 286 | *
|
---|
| 287 | * Can be used by external tools to mimic how `sass-loader` works, for example
|
---|
| 288 | * in a Jest transform. Such usages will want to wrap `resolve.create` from
|
---|
| 289 | * [`enhanced-resolve`]{@link https://github.com/webpack/enhanced-resolve} to
|
---|
| 290 | * pass as the `resolverFactory` argument.
|
---|
| 291 | *
|
---|
| 292 | * @param {Function} resolverFactory - A factory function for creating a Webpack
|
---|
| 293 | * resolver.
|
---|
| 294 | * @param {Object} implementation - The imported Sass implementation, both
|
---|
| 295 | * `sass` (Dart Sass) and `node-sass` are supported.
|
---|
| 296 | * @param {string[]} [includePaths] - The list of include paths passed to Sass.
|
---|
| 297 | *
|
---|
| 298 | * @throws If a compatible Sass implementation cannot be found.
|
---|
| 299 | */
|
---|
| 300 |
|
---|
| 301 | function getWebpackResolver(resolverFactory, implementation, includePaths = []) {
|
---|
| 302 | async function startResolving(resolutionMap) {
|
---|
| 303 | if (resolutionMap.length === 0) {
|
---|
| 304 | return Promise.reject();
|
---|
| 305 | }
|
---|
| 306 |
|
---|
| 307 | const [{
|
---|
| 308 | possibleRequests
|
---|
| 309 | }] = resolutionMap;
|
---|
| 310 |
|
---|
| 311 | if (possibleRequests.length === 0) {
|
---|
| 312 | return Promise.reject();
|
---|
| 313 | }
|
---|
| 314 |
|
---|
| 315 | const [{
|
---|
| 316 | resolve,
|
---|
| 317 | context
|
---|
| 318 | }] = resolutionMap;
|
---|
| 319 |
|
---|
| 320 | try {
|
---|
| 321 | return await resolve(context, possibleRequests[0]);
|
---|
| 322 | } catch (_ignoreError) {
|
---|
| 323 | const [, ...tailResult] = possibleRequests;
|
---|
| 324 |
|
---|
| 325 | if (tailResult.length === 0) {
|
---|
| 326 | const [, ...tailResolutionMap] = resolutionMap;
|
---|
| 327 | return startResolving(tailResolutionMap);
|
---|
| 328 | } // eslint-disable-next-line no-param-reassign
|
---|
| 329 |
|
---|
| 330 |
|
---|
| 331 | resolutionMap[0].possibleRequests = tailResult;
|
---|
| 332 | return startResolving(resolutionMap);
|
---|
| 333 | }
|
---|
| 334 | }
|
---|
| 335 |
|
---|
| 336 | const isDartSass = implementation.info.includes("dart-sass"); // We only have one difference with the built-in sass resolution logic and out resolution logic:
|
---|
| 337 | // First, we look at the files starting with `_`, then without `_` (i.e. `_name.sass`, `_name.scss`, `_name.css`, `name.sass`, `name.scss`, `name.css`),
|
---|
| 338 | // although `sass` look together by extensions (i.e. `_name.sass`/`name.sass`/`_name.scss`/`name.scss`/`_name.css`/`name.css`).
|
---|
| 339 | // It shouldn't be a problem because `sass` throw errors:
|
---|
| 340 | // - on having `_name.sass` and `name.sass` (extension can be `sass`, `scss` or `css`) in the same directory
|
---|
| 341 | // - on having `_name.sass` and `_name.scss` in the same directory
|
---|
| 342 | //
|
---|
| 343 | // Also `sass` prefer `sass`/`scss` over `css`.
|
---|
| 344 |
|
---|
| 345 | const sassModuleResolve = promiseResolve(resolverFactory({
|
---|
| 346 | alias: [],
|
---|
| 347 | aliasFields: [],
|
---|
| 348 | conditionNames: [],
|
---|
| 349 | descriptionFiles: [],
|
---|
| 350 | extensions: [".sass", ".scss", ".css"],
|
---|
| 351 | exportsFields: [],
|
---|
| 352 | mainFields: [],
|
---|
| 353 | mainFiles: ["_index", "index"],
|
---|
| 354 | modules: [],
|
---|
| 355 | restrictions: [/\.((sa|sc|c)ss)$/i],
|
---|
| 356 | preferRelative: true
|
---|
| 357 | }));
|
---|
| 358 | const sassImportResolve = promiseResolve(resolverFactory({
|
---|
| 359 | alias: [],
|
---|
| 360 | aliasFields: [],
|
---|
| 361 | conditionNames: [],
|
---|
| 362 | descriptionFiles: [],
|
---|
| 363 | extensions: [".sass", ".scss", ".css"],
|
---|
| 364 | exportsFields: [],
|
---|
| 365 | mainFields: [],
|
---|
| 366 | mainFiles: ["_index.import", "_index", "index.import", "index"],
|
---|
| 367 | modules: [],
|
---|
| 368 | restrictions: [/\.((sa|sc|c)ss)$/i],
|
---|
| 369 | preferRelative: true
|
---|
| 370 | }));
|
---|
| 371 | const webpackModuleResolve = promiseResolve(resolverFactory({
|
---|
| 372 | dependencyType: "sass",
|
---|
| 373 | conditionNames: ["sass", "style"],
|
---|
| 374 | mainFields: ["sass", "style", "main", "..."],
|
---|
| 375 | mainFiles: ["_index", "index", "..."],
|
---|
| 376 | extensions: [".sass", ".scss", ".css"],
|
---|
| 377 | restrictions: [/\.((sa|sc|c)ss)$/i],
|
---|
| 378 | preferRelative: true
|
---|
| 379 | }));
|
---|
| 380 | const webpackImportResolve = promiseResolve(resolverFactory({
|
---|
| 381 | dependencyType: "sass",
|
---|
| 382 | conditionNames: ["sass", "style"],
|
---|
| 383 | mainFields: ["sass", "style", "main", "..."],
|
---|
| 384 | mainFiles: ["_index.import", "_index", "index.import", "index", "..."],
|
---|
| 385 | extensions: [".sass", ".scss", ".css"],
|
---|
| 386 | restrictions: [/\.((sa|sc|c)ss)$/i],
|
---|
| 387 | preferRelative: true
|
---|
| 388 | }));
|
---|
| 389 | return (context, request, fromImport) => {
|
---|
| 390 | // See https://github.com/webpack/webpack/issues/12340
|
---|
| 391 | // Because `node-sass` calls our importer before `1. Filesystem imports relative to the base file.`
|
---|
| 392 | // custom importer may not return `{ file: '/path/to/name.ext' }` and therefore our `context` will be relative
|
---|
| 393 | if (!isDartSass && !_path.default.isAbsolute(context)) {
|
---|
| 394 | return Promise.reject();
|
---|
| 395 | }
|
---|
| 396 |
|
---|
| 397 | const originalRequest = request;
|
---|
| 398 | const isFileScheme = originalRequest.slice(0, 5).toLowerCase() === "file:";
|
---|
| 399 |
|
---|
| 400 | if (isFileScheme) {
|
---|
| 401 | try {
|
---|
| 402 | // eslint-disable-next-line no-param-reassign
|
---|
| 403 | request = _url.default.fileURLToPath(originalRequest);
|
---|
| 404 | } catch (ignoreError) {
|
---|
| 405 | // eslint-disable-next-line no-param-reassign
|
---|
| 406 | request = request.slice(7);
|
---|
| 407 | }
|
---|
| 408 | }
|
---|
| 409 |
|
---|
| 410 | let resolutionMap = [];
|
---|
| 411 | const needEmulateSassResolver = // `sass` doesn't support module import
|
---|
| 412 | !IS_SPECIAL_MODULE_IMPORT.test(request) && // We need improve absolute paths handling.
|
---|
| 413 | // Absolute paths should be resolved:
|
---|
| 414 | // - Server-relative URLs - `<context>/path/to/file.ext` (where `<context>` is root context)
|
---|
| 415 | // - Absolute path - `/full/path/to/file.ext` or `C:\\full\path\to\file.ext`
|
---|
| 416 | !isFileScheme && !originalRequest.startsWith("/") && !IS_NATIVE_WIN32_PATH.test(originalRequest);
|
---|
| 417 |
|
---|
| 418 | if (includePaths.length > 0 && needEmulateSassResolver) {
|
---|
| 419 | // The order of import precedence is as follows:
|
---|
| 420 | //
|
---|
| 421 | // 1. Filesystem imports relative to the base file.
|
---|
| 422 | // 2. Custom importer imports.
|
---|
| 423 | // 3. Filesystem imports relative to the working directory.
|
---|
| 424 | // 4. Filesystem imports relative to an `includePaths` path.
|
---|
| 425 | // 5. Filesystem imports relative to a `SASS_PATH` path.
|
---|
| 426 | //
|
---|
| 427 | // `sass` run custom importers before `3`, `4` and `5` points, we need to emulate this behavior to avoid wrong resolution.
|
---|
| 428 | const sassPossibleRequests = getPossibleRequests(request, false, fromImport); // `node-sass` calls our importer before `1. Filesystem imports relative to the base file.`, so we need emulate this too
|
---|
| 429 |
|
---|
| 430 | if (!isDartSass) {
|
---|
| 431 | resolutionMap = resolutionMap.concat({
|
---|
| 432 | resolve: fromImport ? sassImportResolve : sassModuleResolve,
|
---|
| 433 | context: _path.default.dirname(context),
|
---|
| 434 | possibleRequests: sassPossibleRequests
|
---|
| 435 | });
|
---|
| 436 | }
|
---|
| 437 |
|
---|
| 438 | resolutionMap = resolutionMap.concat( // eslint-disable-next-line no-shadow
|
---|
| 439 | includePaths.map(context => {
|
---|
| 440 | return {
|
---|
| 441 | resolve: fromImport ? sassImportResolve : sassModuleResolve,
|
---|
| 442 | context,
|
---|
| 443 | possibleRequests: sassPossibleRequests
|
---|
| 444 | };
|
---|
| 445 | }));
|
---|
| 446 | }
|
---|
| 447 |
|
---|
| 448 | const webpackPossibleRequests = getPossibleRequests(request, true, fromImport);
|
---|
| 449 | resolutionMap = resolutionMap.concat({
|
---|
| 450 | resolve: fromImport ? webpackImportResolve : webpackModuleResolve,
|
---|
| 451 | context: _path.default.dirname(context),
|
---|
| 452 | possibleRequests: webpackPossibleRequests
|
---|
| 453 | });
|
---|
| 454 | return startResolving(resolutionMap);
|
---|
| 455 | };
|
---|
| 456 | }
|
---|
| 457 |
|
---|
| 458 | const MATCH_CSS = /\.css$/i;
|
---|
| 459 |
|
---|
| 460 | function getWebpackImporter(loaderContext, implementation, includePaths) {
|
---|
| 461 | const resolve = getWebpackResolver(loaderContext.getResolve, implementation, includePaths);
|
---|
| 462 | return function importer(originalUrl, prev, done) {
|
---|
| 463 | const {
|
---|
| 464 | fromImport
|
---|
| 465 | } = this;
|
---|
| 466 | resolve(prev, originalUrl, fromImport).then(result => {
|
---|
| 467 | // Add the result as dependency.
|
---|
| 468 | // Although we're also using stats.includedFiles, this might come in handy when an error occurs.
|
---|
| 469 | // In this case, we don't get stats.includedFiles from node-sass/sass.
|
---|
| 470 | loaderContext.addDependency(_path.default.normalize(result)); // By removing the CSS file extension, we trigger node-sass to include the CSS file instead of just linking it.
|
---|
| 471 |
|
---|
| 472 | done({
|
---|
| 473 | file: result.replace(MATCH_CSS, "")
|
---|
| 474 | });
|
---|
| 475 | }) // Catch all resolving errors, return the original file and pass responsibility back to other custom importers
|
---|
| 476 | .catch(() => {
|
---|
| 477 | done({
|
---|
| 478 | file: originalUrl
|
---|
| 479 | });
|
---|
| 480 | });
|
---|
| 481 | };
|
---|
| 482 | }
|
---|
| 483 |
|
---|
| 484 | let nodeSassJobQueue = null;
|
---|
| 485 | /**
|
---|
| 486 | * Verifies that the implementation and version of Sass is supported by this loader.
|
---|
| 487 | *
|
---|
| 488 | * @param {Object} implementation
|
---|
| 489 | * @returns {Function}
|
---|
| 490 | */
|
---|
| 491 |
|
---|
| 492 | function getRenderFunctionFromSassImplementation(implementation) {
|
---|
| 493 | const isDartSass = implementation.info.includes("dart-sass");
|
---|
| 494 |
|
---|
| 495 | if (isDartSass) {
|
---|
| 496 | return implementation.render.bind(implementation);
|
---|
| 497 | } // There is an issue with node-sass when async custom importers are used
|
---|
| 498 | // See https://github.com/sass/node-sass/issues/857#issuecomment-93594360
|
---|
| 499 | // We need to use a job queue to make sure that one thread is always available to the UV lib
|
---|
| 500 |
|
---|
| 501 |
|
---|
| 502 | if (nodeSassJobQueue === null) {
|
---|
| 503 | const threadPoolSize = Number(process.env.UV_THREADPOOL_SIZE || 4);
|
---|
| 504 | nodeSassJobQueue = _neoAsync.default.queue(implementation.render.bind(implementation), threadPoolSize - 1);
|
---|
| 505 | }
|
---|
| 506 |
|
---|
| 507 | return nodeSassJobQueue.push.bind(nodeSassJobQueue);
|
---|
| 508 | }
|
---|
| 509 |
|
---|
| 510 | const ABSOLUTE_SCHEME = /^[A-Za-z0-9+\-.]+:/;
|
---|
| 511 | /**
|
---|
| 512 | * @param {string} source
|
---|
| 513 | * @returns {"absolute" | "scheme-relative" | "path-absolute" | "path-absolute"}
|
---|
| 514 | */
|
---|
| 515 |
|
---|
| 516 | function getURLType(source) {
|
---|
| 517 | if (source[0] === "/") {
|
---|
| 518 | if (source[1] === "/") {
|
---|
| 519 | return "scheme-relative";
|
---|
| 520 | }
|
---|
| 521 |
|
---|
| 522 | return "path-absolute";
|
---|
| 523 | }
|
---|
| 524 |
|
---|
| 525 | if (IS_NATIVE_WIN32_PATH.test(source)) {
|
---|
| 526 | return "path-absolute";
|
---|
| 527 | }
|
---|
| 528 |
|
---|
| 529 | return ABSOLUTE_SCHEME.test(source) ? "absolute" : "path-relative";
|
---|
| 530 | }
|
---|
| 531 |
|
---|
| 532 | function normalizeSourceMap(map, rootContext) {
|
---|
| 533 | const newMap = map; // result.map.file is an optional property that provides the output filename.
|
---|
| 534 | // Since we don't know the final filename in the webpack build chain yet, it makes no sense to have it.
|
---|
| 535 | // eslint-disable-next-line no-param-reassign
|
---|
| 536 |
|
---|
| 537 | delete newMap.file; // eslint-disable-next-line no-param-reassign
|
---|
| 538 |
|
---|
| 539 | newMap.sourceRoot = ""; // node-sass returns POSIX paths, that's why we need to transform them back to native paths.
|
---|
| 540 | // This fixes an error on windows where the source-map module cannot resolve the source maps.
|
---|
| 541 | // @see https://github.com/webpack-contrib/sass-loader/issues/366#issuecomment-279460722
|
---|
| 542 | // eslint-disable-next-line no-param-reassign
|
---|
| 543 |
|
---|
| 544 | newMap.sources = newMap.sources.map(source => {
|
---|
| 545 | const sourceType = getURLType(source); // Do no touch `scheme-relative`, `path-absolute` and `absolute` types
|
---|
| 546 |
|
---|
| 547 | if (sourceType === "path-relative") {
|
---|
| 548 | return _path.default.resolve(rootContext, _path.default.normalize(source));
|
---|
| 549 | }
|
---|
| 550 |
|
---|
| 551 | return source;
|
---|
| 552 | });
|
---|
| 553 | return newMap;
|
---|
| 554 | } |
---|