vue-cli生成的項目引入sass方法:
npm i -D sass-loader style-loader css-loader node-sass
打開build下的webpack.base.conf.js,在其中的module的rule數組中加入以下規則:
{ test: /\.scss$/, loaders: ["style-loader", "css-loader", "sass-loader"] },
然后在style中測試一下:
<style lang="scss"> #app { h1{ background-color: green; } } </style>
然后ctrl + d再ctrl + c關閉啟動的服務器,重新運行npm run dev,就可以看到效果了。