首页 > 其他 > 详细

vue项目使用sass

时间:2020-11-30 15:39:32      阅读:24      评论:0      收藏:0      [点我收藏+]

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

 

 

vue项目使用sass

原文:https://www.cnblogs.com/wy20109/p/14061270.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!