vue中安装sass_vue安装sass

安装了几次，发现很坑的地方安装必须@版本号不然不行，我的node是14版本

npm install sass-loader@7.3.1 --save-dev   //安装sass-loader
npm install node-sass@4.14.1                    //安装node-loader
npm install style-loader --save-dev         //安装style-loader这个可以不用@
1
2
3

然后再vue.config.js中写

 css: {
		loaderOptions: {
			sass: {
				data: `@import "~@/assets/css/variables.scss";`
			}
			// scss: {
			// 	prependData: `@import "~@/assets/css/variables.scss";`
			// }
		}
	},
1
2
3
4
5
6
7
8
9
10

然后再assets/css创建variables.scss

如果node版本为16以上用下面的版本或者改用less

"node-sass": "^6.0.1",
"sass-loader": "^10.0.1",
1
2

或者直接安装执行下面一行命令不适应node-sass直接使用sass

npm install sass-loader@12.6.0 sass@1.26.5 -D 
1