安装方式
我们在通过cnpm安装插件或库时,有三种方式:
cnpm install:将插件安装到项目,但不写package.json(不推荐,这样最终需要手动添加)
cnpm install –save:将插件安装进项目,并写入package.json的dependencies中
cnpm install –save-dev:将插件安装进项目,并写入package.json的devDependencies中
很明显,–save表示保存到package.json中(默认为dependencies),-dev表示保存在package.json的devDependencies中
区别
dev是develop的缩写,即表示开发模式,所以:
devDependencies保存的依赖是只用于开发环境,不用于生产环境;
dependencies保存的依赖用于生产环境。
生产环境与开发环境
所谓开发环境,就是指开发阶段,比如webpack,gulp这些工具,都只是在开发阶段需要,一旦项目真正投入使用,便不再依赖这些插件,所以将其安装在devDependencies即可;
生产环境,则表示项目真正投入使用时,此时仍然需要依赖的插件则需要安装在dependencies中,比如vue,vue-router,jQuery这些,dependencies中没有这些插件,项目真实使用时就会出错。