在vue中使用scss

1.安装ruby

2.再使用

gem install sass

来安装sass

3.在项目中使用npm安装scss-loader和node-scss

npm install scss-loader --save-dev npm install node-scss --save-dev

4.在build/webpack.base.cof.js文件中的rules中加入scss编译规则

{ test: /\.vue$/, loader: 'vue-loader', options: vueLoaderConfig }

再次运行一次即可使用scss

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