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就行，什麼都不用配置了!