vue項目sass-loader安裝

 

1.安裝sass的依賴包

npm install --save-dev sass-loader

（若出錯，因為sass-loader版本過高導致，可以將其package.json中的版本改為7.3.1，然后再重新安裝sass-loader包，若是還過高，則重裝6.x,cnpm i sass-loader@6.x --save-dev）

2.//sass-loader依賴於node-sass,所以要安裝node-sass

npm install --save-dev node-sass

3.在build文件夾下的webpack.base.conf.js的rules里面添加配置

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

注意：下面這個 加不加視情況定（css的）

 { test:/\.css$/, loader:'style-loader' }, { test:/\.css$/, loader:'css-loader' }, 

4.在APP.vue中修改style標簽

<style lang="scss"> 

5.然后運行項目

$ npm run dev