vue-cli建立vue2.0项目,安装sass步骤

 建立vue2.0项目:

vue init webpack 项目名

安装sass步骤:

1,  npm i node-sass --save-dev

2,  npm install sass-loader@7.3.1 --save-dev

不要使用一条命令npm i --save-dev node-sass sass-loader

由于最新安装的sass-loader是8.0,会报错!

就这两个步骤,便可在项目里使用sass(scss)!

不须要在build文件夹下的webpack.base.conf.js的rules里面添加配置!

1 2 3 4

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

上面那条配置能够省略，由于最新的vue-cli已是默认配置好sass的（在build/util.js里），因此若是再在webpack里配置会重复，所以在main.js引入scss文件时会报错，也就是所只要安装了sass就行，什么都不用配置了!