美文网首页
vue-cli 下使用sass

vue-cli 下使用sass

作者: 三寸日光_ | 来源:发表于2017-11-27 12:05 被阅读0次

1.切换源

    一般切换为淘宝源 ,这样速度会快并且避免安装过程中因下载慢而报错

2.安装sass所需模块

一共三个模块  node-sass , sass-loader, style-loader.  本截图是在Mac环境下安装 windows直接去掉sodu 即可

3.配置文件

    在 build下的 webpack.base.conf.js 下配置标注内的内容

4.启动vue :   cpm  run dev

5. 在.vue文件下写sass. 保存即可查看效果  (如果不喜欢写大括号  把scss 换成sass 配置文件那也同步修改即可)

6.欢迎提问交流~~

相关文章

网友评论

      本文标题:vue-cli 下使用sass

      本文链接:https://www.haomeiwen.com/subject/vduacxtx.html