vue中使用scss

在當前項目中打開命令板執行下面的命令

npm install node-sass sass-loader style-loader --save-dev

然后在build文件夾下的webpack.base.conf.js的module下 rules里面添加配置

{
    test: /\.sass$/,
    loaders: ['style', 'css', 'sass']
},

頁面中使用

<style scoped lang="scss">
.hello {
    p {
        color: red;
    }
}
</style>

這是會報錯：

loaderContext.getResolve is not a function

 然后只需要在package.json中將sass-loader的版本改到7.3.1就好了

"sass-loader": "^7.3.1"