1.安装sass(sass-loader依赖于node-sass,所以要安装node-sass)
npm install node-sass --save-dev //安装node-sass
npm install sass-loader --save-dev //安装依赖包sass-loader
npm install style-loader --save-dev //安装style-loader
2.在build文件夹下的webpack.base.conf.js的module下 rules里面添加配置
{
test: /\.sass$/,
loaders: [‘style‘, ‘css‘, ‘sass‘]
},
3.在需要用到sass的地方添加lang=scss
<style scoped lang="scss">
</style>
注: 安装sass 出现版本兼容问题 !(以下为可兼容版本)
npm install sass-loader@7.3.1 --save-dev
npm install node-sass@4.14.1 --save-dev
原文:https://www.cnblogs.com/wy20109/p/14061270.html