2回答

cyper

2020-07-17

老师安装时不太注意区分runtime 和 dev 依赖应该是不好的习惯

sass-loader sass 作为运行时依赖进行安装应该是不对的。 这应该会增加最终打包的app的体积。影响页面的加载速度

这些开发时依赖是npm run build用的， 可以把scss文件编译成css。

因为在生产环境中， 只有编译后的css文件， 已经不存在scss文件。 所以这些依赖就应该去掉。这就是 --save-dev或-D的作用。

另外官方文档 给出的示例依赖的是sass而非node-sass

https://cli.vuejs.org/zh/guide/css.html#%E9%A2%84%E5%A4%84%E7%90%86%E5%99%A8

```

# Sass

npm install -D sass-loader sass

```

node-sass安装时要依赖Microsoft BuildTools 还有 Python 2.7， 安装时过程非常之慢

我觉得按照官方文档的做法依赖sass会比较好。

3

0

河畔一角

2020-06-27

--save就是默认保存依赖，也就是把你下载的插件写入到package.json文件中，这样你项目提交以后，别人才能拉取下来，里面也自动包含了你的插件。

--save-dev就是把插件保存到开发依赖中，package.json里面有两个配置，一个是dependencies，一个是devDependencies，一个代表生成依赖，一个代表开发依赖。一般把生产用到的插件用--save，开发依赖的插件用--save-dev，比如axios请求插件，很明显，我们线上也要用，这就是生产依赖。babel等工具型的称为开发依赖，也就是只会在本地用，线上并不需要。

提示：这两个只是表面来做区分，实际过程中，你可以随意混用，并没有任何影响。

1

0