![](https://img.laitimes.com/img/9ZDMuAjOiMmIsIjOiQnIsIyZwpmLw0DcnZiNy0TbmZiN5QzMzkjM0UjMsUjN3cTN0YzM3MTP1NTN2MzNwQjM4ADMy8Fdvw1MyIDNzgTMvw1ZuVmehJ3bsZ2Lc12bj91cn9Gbi52YvwVbvNmLzd2bsJmbj5ycldWYtl2Lc9CX6MHc0RHaiojIsJye.jpg)
在当前项目中打开命令板执行下面的命令
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"