vue-cli 下使用sass

1.切换源

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


2.安装sass所需模块

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

vue-cli 下使用sass_第1张图片

3.配置文件

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

vue-cli 下使用sass_第2张图片

4.启动vue :   cpm  run dev


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

vue-cli 下使用sass_第3张图片

6.欢迎提问交流~~

你可能感兴趣的:(vue-cli 下使用sass)