vue支持scss

使用vue-cli搭建的vue项目,默认是不支持scss的,需要安装相应的插件才得以支持,下面说一下安装使用方法

执行下面命令,安装sass-loader 和 node-sass组件

npm install --save-dev sass-loader

npm install --save-dev node-sass

执行下面命令,安装scss 和 scss-loader组件(如果不安装这两个,在修改外部引用的scss文件时报错./node_modules/css-loader?{"minimize":false,"sourceMap":false}!./node_modules/vue-loader/lib/style-compiler?)

npm install --save-dev scss

npm install --save-dev scss-loader

在vue组件里的style标签添加lang="scss"