| "use strict"; |
| |
| const path = require("path"); |
| const async = require("neo-async"); |
| const formatSassError = require("./formatSassError"); |
| const webpackImporter = require("./webpackImporter"); |
| const normalizeOptions = require("./normalizeOptions"); |
| const pify = require("pify"); |
| const semver = require("semver"); |
| |
| let nodeSassJobQueue = null; |
| |
| /** |
| * The sass-loader makes node-sass available to webpack modules. |
| * |
| * @this {LoaderContext} |
| * @param {string} content |
| */ |
| function sassLoader(content) { |
| const callback = this.async(); |
| const isSync = typeof callback !== "function"; |
| const self = this; |
| const resourcePath = this.resourcePath; |
| |
| function addNormalizedDependency(file) { |
| // node-sass returns POSIX paths |
| self.dependency(path.normalize(file)); |
| } |
| |
| if (isSync) { |
| throw new Error("Synchronous compilation is not supported anymore. See https://github.com/webpack-contrib/sass-loader/issues/333"); |
| } |
| |
| const options = normalizeOptions(this, content, webpackImporter( |
| resourcePath, |
| pify(this.resolve.bind(this)), |
| addNormalizedDependency |
| )); |
| |
| // Skip empty files, otherwise it will stop webpack, see issue #21 |
| if (options.data.trim() === "") { |
| callback(null, ""); |
| return; |
| } |
| |
| const render = getRenderFuncFromSassImpl(options.implementation || require("node-sass")); |
| |
| render(options, (err, result) => { |
| if (err) { |
| formatSassError(err, this.resourcePath); |
| err.file && this.dependency(err.file); |
| callback(err); |
| return; |
| } |
| |
| if (result.map && result.map !== "{}") { |
| result.map = JSON.parse(result.map); |
| // result.map.file is an optional property that provides the output filename. |
| // Since we don't know the final filename in the webpack build chain yet, it makes no sense to have it. |
| delete result.map.file; |
| // The first source is 'stdin' according to node-sass because we've used the data input. |
| // Now let's override that value with the correct relative path. |
| // Since we specified options.sourceMap = path.join(process.cwd(), "/sass.map"); in normalizeOptions, |
| // we know that this path is relative to process.cwd(). This is how node-sass works. |
| result.map.sources[0] = path.relative(process.cwd(), resourcePath); |
| // node-sass returns POSIX paths, that's why we need to transform them back to native paths. |
| // This fixes an error on windows where the source-map module cannot resolve the source maps. |
| // @see https://github.com/webpack-contrib/sass-loader/issues/366#issuecomment-279460722 |
| result.map.sourceRoot = path.normalize(result.map.sourceRoot); |
| result.map.sources = result.map.sources.map(path.normalize); |
| } else { |
| result.map = null; |
| } |
| |
| result.stats.includedFiles.forEach(addNormalizedDependency); |
| callback(null, result.css.toString(), result.map); |
| }); |
| } |
| |
| /** |
| * Verifies that the implementation and version of Sass is supported by this loader. |
| * |
| * @param {Object} module |
| * @returns {Function} |
| */ |
| function getRenderFuncFromSassImpl(module) { |
| const info = module.info; |
| const components = info.split("\t"); |
| |
| if (components.length < 2) { |
| throw new Error("Unknown Sass implementation \"" + info + "\"."); |
| } |
| |
| const implementation = components[0]; |
| const version = components[1]; |
| |
| if (!semver.valid(version)) { |
| throw new Error("Invalid Sass version \"" + version + "\"."); |
| } |
| |
| if (implementation === "dart-sass") { |
| if (!semver.satisfies(version, "^1.3.0")) { |
| throw new Error("Dart Sass version " + version + " is incompatible with ^1.3.0."); |
| } |
| return module.render.bind(module); |
| } else if (implementation === "node-sass") { |
| if (!semver.satisfies(version, "^4.0.0")) { |
| throw new Error("Node Sass version " + version + " is incompatible with ^4.0.0."); |
| } |
| // There is an issue with node-sass when async custom importers are used |
| // See https://github.com/sass/node-sass/issues/857#issuecomment-93594360 |
| // We need to use a job queue to make sure that one thread is always available to the UV lib |
| if (nodeSassJobQueue === null) { |
| const threadPoolSize = Number(process.env.UV_THREADPOOL_SIZE || 4); |
| |
| nodeSassJobQueue = async.queue(module.render.bind(module), threadPoolSize - 1); |
| } |
| |
| return nodeSassJobQueue.push.bind(nodeSassJobQueue); |
| } |
| throw new Error("Unknown Sass implementation \"" + implementation + "\"."); |
| } |
| |
| module.exports = sassLoader; |