sass-loader - npm Package Compare versions

Comparing version 12.0.0 to 12.1.0

dist/options.json

		@@ -7,3 +7,10 @@ {
		"description": "The implementation of the sass to be used (https://github.com/webpack-contrib/sass-loader#implementation).",
		"type": "object"
		"anyOf": [
		{
		"type": "string"
		},
		{
		"type": "object"
		}
		]
		},
		@@ -10,0 +17,0 @@ "sassOptions": {

dist/utils.js

		@@ -59,2 +59,13 @@ "use strict";

		if (typeof resolvedImplementation === "string") {
		try {
		// eslint-disable-next-line import/no-dynamic-require, global-require
		resolvedImplementation = require(resolvedImplementation);
		} catch (error) {
		loaderContext.emitError(error); // eslint-disable-next-line consistent-return

		return;
		}
		}

		const {
		@@ -61,0 +72,0 @@ info

package.json

		{
		"name": "sass-loader",
		"version": "12.0.0",
		"version": "12.1.0",
		"description": "Sass loader for webpack",
		@@ -24,3 +24,3 @@ "license": "MIT",
		"commitlint": "commitlint --from=master",
		"security": "npm audit",
		"security": "npm audit --production",
		"lint:prettier": "prettier --list-different .",
		@@ -63,9 +63,9 @@ "lint:js": "eslint --cache .",
		"devDependencies": {
		"@babel/cli": "^7.14.3",
		"@babel/core": "^7.14.3",
		"@babel/preset-env": "^7.14.2",
		"@babel/cli": "^7.14.5",
		"@babel/core": "^7.14.5",
		"@babel/preset-env": "^7.14.5",
		"@commitlint/cli": "^12.1.4",
		"@commitlint/config-conventional": "^12.1.4",
		"@webpack-contrib/eslint-config-webpack": "^3.0.0",
		"babel-jest": "^27.0.1",
		"babel-jest": "^27.0.2",
		"bootstrap-sass": "^3.4.1",
		@@ -79,3 +79,3 @@ "bootstrap-v4": "npm:bootstrap@^4.5.3",
		"enhanced-resolve": "^5.8.2",
		"eslint": "^7.27.0",
		"eslint": "^7.28.0",
		"eslint-config-prettier": "^8.3.0",
		@@ -87,3 +87,3 @@ "eslint-plugin-import": "^2.23.3",
		"husky": "^6.0.0",
		"jest": "^27.0.1",
		"jest": "^27.0.4",
		"lint-staged": "^11.0.0",
		@@ -95,8 +95,8 @@ "material-components-web": "^8.0.0",
		"npm-run-all": "^4.1.5",
		"prettier": "^2.3.0",
		"sass": "^1.34.0",
		"prettier": "^2.3.1",
		"sass": "^1.34.1",
		"semver": "^7.3.5",
		"standard-version": "^9.3.0",
		"style-loader": "^2.0.0",
		"webpack": "^5.37.1"
		"webpack": "^5.38.1"
		},
		@@ -103,0 +103,0 @@ "keywords": [

README.md

		@@ -124,3 +124,3 @@ <div align="center">
		\| :---------------------------------------: \| :------------------: \| :-------------------------------------: \| :---------------------------------------------------------------- \|
		\| [`implementation`](#implementation) \| `{Object}` \| `sass` \| Setup Sass implementation to use. \|
		\| [`implementation`](#implementation) \| `{Object\\|String}` \| `sass` \| Setup Sass implementation to use. \|
		\| [`sassOptions`](#sassoptions) \| `{Object\\|Function}` \| defaults values for Sass implementation \| Options for Sass. \|
		@@ -133,3 +133,3 @@ \| [`sourceMap`](#sourcemap) \| `{Boolean}` \| `compiler.devtool` \| Enables/Disables generation of source maps. \|

		Type: `Object`
		Type: `Object \| String`
		Default: `sass`
		@@ -173,2 +173,4 @@

		#### Object

		For example, to use Dart Sass, you'd pass:
		@@ -199,2 +201,29 @@

		#### String

		For example, to use Dart Sass, you'd pass:

		```js
		module.exports = {
		module: {
		rules: [
		{
		test: /\.s[ac]ss$/i,
		use: [
		"style-loader",
		"css-loader",
		{
		loader: "sass-loader",
		options: {
		// Prefer `dart-sass`
		implementation: require.resolve("sass"),
		},
		},
		],
		},
		],
		},
		};
		```

		Note that when using `sass` (`Dart Sass`), synchronous compilation is twice as fast as asynchronous compilation by default, due to the overhead of asynchronous callbacks.
		@@ -201,0 +230,0 @@ To avoid this overhead, you can use the [fibers](https://www.npmjs.com/package/fibers) package to call asynchronous importers from the synchronous code path.

New alerts