vue項目 安裝和配置sass & main.js引入scss文件報錯

 

經過npm 安裝

cnpm install --save-dev sass-loader

cnpm install --save-dev node-sass

 

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

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

 

上面那條配置能夠省略，由於最新的vue-cli已是默認配置好sass的（在build/util.js裏），因此若是再在webpack裏配置會重複，所以在main.js引入scss文件時會報錯，也就是所只要安裝了sass就行，什麼都不用配置了

sass語法教程