使用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"