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>

这是会报错：

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

"sass-loader": "^7.3.1"