vue脚手架安装scss/sass

vue脚手架安装scss/sass

今天尝试vue脚手架安装scss/sass，但是还是有写懵

1. sass-loader依赖于node-sass,所以要安装node-sass

   npm install node-sass --save-dev       // 安装node-sass
   npm install sass-loader --save-dev       // 安装依赖包sass-loader
   npm install style-loader --save-dev        // 安装style-loader
   

2. 在build文件夹下的webpack.base.conf.js的module下 rules里面添加配置

   {
       test: /\.sass$/,
       loaders: ['style', 'css', 'sass']
   },
   

3. 启动后报错了,百度了的解决办法

   "sass-loader": "^8.0.0" ==> "sass-loader": "^7.3.1", //  也可以先卸载当前版本，然后安装指定的版本
   npm uninstall sass-loader    // 卸载当前版本
   npm install sass-loader@7.3.1 --save-dev    // 安装
   

4. 降版本后还有报错，又执行了

   npm install node-sass --save-dev
   npm install sass-loader@^7.3.1 --save-dev
   npm install style-loader --save-dev
   

   安装后就好了！！！ 建议安装完后重启项目