mpvue项目集成sass

集成scss

打开webStorm的终端
安装依赖

cnpm i -D sass-loader node-sass

使用

<style lang="scss" scoped>
.text{
  color: red;
}
</style>

在index.vue里把iBook 的字体颜色改成红色，再运行npm run dev:wx，再打开微信开发者工具，

image.png
image.png

这是颜色已经更改过来了，说明我们sass集成成功了

注意：如果安装完sass，编译失败,可能是当前sass的版本太高，webpack编译时出现了错误，这个时候只需要换成低版本的就行，下面说一下修改方法，很简单，如下，找到package.json文件，里面的 "sass-loader"的版本更换掉 就行了。

image.png

我的版本本来是8.0改成了7.3.1，再运行npm run dev:wx，再打开微信开发者工具，如果还出现错误，就运行一下cnpm i 安装一下可能缺失的module，就ok了。（cnpm 是用的淘宝镜像：npm install -g cnpm --registry=https://registry.npm.taobao.org
）