webpack devDependencies、dependencies的区别

安装包命令
npm  i(install)  xxx:直接安装在当前文件夹下的node_modules下，但不写入package.json
npm  i(install)  xxx  --save(-S):直接安装在当前文件夹下的node_modules下，写入package.json的dependencies
npm  i(install)  xxx  --save-dev(-D):直接安装在当前文件夹下的node_modules下，写入package.json的devDependencies
npm  i(install)  xxx  -g:安装在全局npm包管理器下
npm uninstall  xxx   删除xxx模块；
npm uninstall  -g  xxx  删除全局模块xxx；

通过NODE_ENV=developement或NODE_ENV=production指定开发还是生产环境。

devDependencies是在开发环境下依赖的模块，生产环境不会被打入包内，比如babel和一些loader是作为编译使用的，编译完成后devDependencies里面的包不会被引入。

dependencies下的包是必须要引入的，比如说vue、axios等。npm run bulid时，将dependencies里的所有包，打包成一个vendor.js文件，因为这个文件都是三方库，代码几乎不太会改变，这样，这部分代码就能很好的被浏览器缓存利用了；

若文件中import 引入 devDependencies 中插件依然会把当前引入的插件打包到文件中，不引入，则不打包。
而 dependencies 中的插件不管你引不引入都会打包到文件中去。

开发环境依赖安装到dependencies，本地和生产环境都没问题，就是文件会大一点而已。
生产环境依赖安装到devDependencies，本地没啥问题，生产环境会因为缺少依赖而无法正常运行。

webpack devDependencies、dependencies的区别相关推荐

前端打包工具rollup、webpack、vite的区别
前端打包工具rollup.webpack.vite的区别文章目录前端打包工具rollup.webpack.vite的区别一.结论二.rollup 三.webpack 1. 核心概念 2. 重要 ...
dependencyManagement和dependencies的区别
dependencyManagement和dependencies的区别参考:http://zhaoshijie.iteye.com/blog/2094478 http://blog.csdn.ne ...
dependencies devDependencies peerDependencies optionalDependencies区别
在一个Node.js项目中,package.json几乎是一个必须的文件,它的主要作用就是管理项目中所使用到的外部依赖包,同时它也是npm命令的入口文件. npm 目前支持以下几类依赖包管理: dep ...
devDependencies和dependencies的区别
我们在使用npm install 安装模块或插件的时候,有两种命令把他们写入到 package.json 文件里面去,比如: --save-dev --save 在 package.json 文件里面 ...
dependencies与devDependencies之间的区别
2019独角兽企业重金招聘Python工程师标准>>> 首先,需要明白: 使用npm i node_module –save自动更新dependencies字段值: 使用npm i ...
devDependencies 和 Dependencies 的区别
安装的命令区别 npm install react --savenpm install eslint --save-dev 使用场景如果是自己项目中使用,其实没有什么本质区别,每次执行npm ins ...
Maven中dependencyManagement标签和dependencies的区别
今天在maven的pom文件中看到了dependencyManagement标签,用法如下: <dependencyManagement><dependencies><d ...
webpack和vite的区别？为什么选vite？
1.webpack和vite区别: Webpack基于commonjs,先打包合并然后请求服务器,更改一个模块,其他有依赖关系的模块都会重新打包: Vite基于es6module,自动向依赖的modu ...
webpack和babel的区别
webpack webpack是一个打包工具,打包js.css.图片.html等,它可以分析整个项目的文件结构,确认文件之间的依赖,将文件合成.压缩.加入hash等,生成最终项目文件. babel b ...

webpack devDependencies、dependencies的区别

webpack devDependencies、dependencies的区别相关推荐

最新文章

热门文章