vue中使用sass 配置

1. 首先進入vue 項目，npm install安裝依賴
2. 安裝sass的依賴包

npm install --save-dev sass-loader
/*sass-loader依賴於node-sass*/
npm install --save-dev node-sass

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

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

如圖所示：

4. 在vue文件中，使用：

<style lang="scss" scoped></style>