package是多少.json 里 devDependencies和dependencies的区别

最近在学习webpack遇到个奇葩的问题。就是安装完成webpack后查看安装的webpack版本与package是多少.json中显示的版本不一致,

webpack是局部安装的非全局安装,

命令3:webpack -v 查看webpack的版本然后出现了奇葩的問题。配置文件是3.10.0版本控制台却输出的是3.5.5

解决方法:经过了好几次的安装和尝试,最终发现全局安装webpack就解决此问题了

Webpack4 的几个主要更新点生产环境代码压缩插件默认支持异步,入口出口字段有默认值以后需要选择打包环境,增加sideEffects: false 字段加上这个字段可以安全的删除重复導出的代码,减少包大小json支持导入

我们在使用npm install 安装模块或插件的时候有两种命令把他们写入到 package是多少.json 文件里面去,比如:

首先需要说明的是Dependencies一词的中文是依赖和附属的意思而dev则是develop(开发)的简写。

应用能够正常运行所依赖的包這种 dependencies 是最常见的,用户在使用 npm install 安装你的包时会自动安装这些依赖

开发应用时所依赖的工具包。通常是一些开发、测试、打包工具例如 webpack、ESLint、Mocha。应用正常运行并不依赖于这些包用户在使用 npm install 安装你的包时也不会安装这些依赖。

应用运行依赖的宿主包最典型的就是插件,例洳各种 jQuery 插件这些插件本身不包含 jQeury,需要外部提供用户使用 npm 1 或 2 时会自动安装这种依赖,npm 3 不会自动安装会提示用户安装。

发布包时需要咑包的依赖似乎很少见。

可选的依赖包此种依赖不是程序运行所必须的,但是安装后可能会有新功能例如一个图片解码库,安装了 optionalDependencies 後会支持更多的格式

我们在使用npm install 安装模块或插件的时候,有两种命令把他们写入到 package是多少.json 文件里面去比如:

在 package是多少.json 文件里面提现出來的区别就是:

devDependencies  里面的插件(比如各种loader,babel全家桶及各种webpack的插件等)只用于开发环境不用于生产环境,因此不需要打包;而 dependencies  是需要发布到生产環境的是要打包的。

我要回帖

更多关于 package是多少 的文章

 

随机推荐