在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>