关于--save-dev 的问题 希望明白的老师同学能指点迷惑

来源:4-5 SplitChunksPlugin 配置参数详解(1)

慕粉1413454314

2019-07-27

问题:安装插件的时候什么时候要这个-dev什么时候不要?

比如 npm install --save-dev @babel/plugin-syntax-dynamic-import
这个异步加载的import 我觉得它开发环境和生产环境都需要这个插件的呀。
为什么官网还用这个 --save-dev 这种方式安装(这等于生产环境没用这个插件了对吗)

写回答

3回答

Dell

2023-06-08

@babel/plugin-syntax-dynamic-import 这个,在你本地开发的时候,webpack 是需要的。但是到线上的时候,在上线之前,你会用webpack 把代码编译好再上线,编译的过程用到 @babel/plugin-syntax-dynamic-import,但是编译出的代码以后再也不用这个了,所以线上的代码是对@babel/plugin-syntax-dynamic-import 没有依赖的,只有本地开发有依赖,所以这是就用 --save-dev

0
0

_Jack_Han_

2023-05-27

--save-dev 是指把依赖安装到 devDependencies 开发环境依赖;

如果你的项目是打包成静态文件(js, css, img)放到服务器上,则 --save-dev 没有什么实际意义;

但如果你的项目是nodejs项目,运行在服务器中,那么当你更新生产环境代码,重新 npm install 的时候,npm根据生产模式,只会安装 dependencies 中的依赖,不会安装 devDependencies 中的依赖,这样能节省下载依赖和构建代码的时间;

有什么依赖是要安装到 devDependencies 中的呢,比如:inspect (nodejs程序调试工具),nodemon (监测代码改动自动重启工具) 等等,这些依赖都是开发环境用到的,生产环境不需要安装。

0
0

Dell

2019-07-28

这个google上面有很多文档,同学可以自己查阅下。

0
0

从基础到实战 手把手带你掌握新版Webpack4.0

知识点+项目实例+原理讲解 全方位解析Webpack4新版本

3627 学习 · 1291 问题

查看课程