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