Use dart sass only

[TeoTN]

Hey! I was wondering, cause the documentation doesn't mention it, if it's possible to use only dart-sass and not the node-sass? If so, how?

[shalldie]

I tried before, just replace node-sass with sass

[vincentbriglia]

the problem with this plugin is that you can't configure explicitely which sass loader you want to use. Since other projects might have node-sass as a dependency, you're at the mercy of hoping that node-sass isn't installed. Based on this snippet in this projects' code you can see that it's just selecting node-sass as the preferred sass loader if it's found. So be careful saying that 'it just works', because it will break the moment you install a package that's incompatible with this logic:

rollup-plugin-postcss/src/sass-loader.js

Lines 22 to 29 in 92b2744

	const sassModuleIds = ['node-sass', 'sass']
	export default {
	name: 'sass',
	test: /\.(sass|scss)$/,
	process({ code }) {
	return new Promise((resolve, reject) => {
	const sass = loadSassOrThrow()

rollup-plugin-postcss/src/sass-loader.js

Lines 96 to 103 in 92b2744

	function loadSassOrThrow() {
	// Loading one of the supported modules
	for (const moduleId of sassModuleIds) {
	const module = loadModule(moduleId)
	if (module) {
	return module
	}
	}

[slavafomin]

Yep, this is a serious and pretty dangerous limitation, because it's not clear from the developer's perspective what runtime will be actually used for SASS processing.

I guess the first thing that should be done is switching from using node-sass to using sass by default, because sass (Dart SASS) is a reference implementation, which is probably more preferred. But it's not a final solution of course.

It should be possible not only to select a runtime by it's name, but also by passing a module directly or a full path of the module to the plugin, i.e.: sassRuntime: require('sass') or sassRuntime: require.resolve('sass'), because in complex projects the actual runtime implementation could be installed in different path.

[m1heng]

Inside a large monorepo, it is quite common that you have both sass and node-sass installed and accessible by any package.
Without a config for sass selector, it is not possible for some one to use 'sass' instead of 'node-sass'.