1.安装scss:
npm install node-sass sass-loader vue-style-loader --save-dev //安装node-sass sass-loader vue-style-loader
2.使用scss:
<style lang="scss" scoped> </style>
3.如果报错了,显示为 this.getResolve is not a function,是因为 sass-loader 现在安装的是8.0.0版本的,解决方法:
1.npm uninstall sass-loader //卸载sass-loader
2.npm install sass-loader@7.3.1 --save-dev //安装7.3.1版本的scss,然后启动项目就ok了
tips:无需修改 webpack.base.config.js文件里面的 rules