vue-cli 下使用sass

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.欢迎提问交流~~

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 喜欢风景,喜欢每到一处就拍下眼前的风景,无论好的,坏的,温暖还是冷漠,清晨还是黄昏... 到处遗留的雪的痕迹,冬的...
    静水微澜z阅读 166评论 0 0
  • 今天早上和彭嬙去面试泰州支教,我们到的比较早,所以签到时,彭嬙第一我第二。我和彭嬙相视而笑,这也太靠前了,但是也罢...
    木刻茉莉阅读 91评论 0 0