消息关闭
    暂无新消息!

看到说--save安装的模块,会显示在dependencies中。
并且dependencies中的模块表示生产环境的依赖。比如jQuery。

但是我不懂的是,拿jQuery举例。我为什么要在dependencies中声明依赖?
生产环境中,我会直接用script标签引用jQuery,根本不需要dependencies。如果在dependencies中声明了生产环境依赖的模块,会怎么样?会自动帮我添加script标签还是比如模块打包时,打包生产环境模块时会把dependencies中的依赖全部打包进去?但是据我所知,比如webpack在模块打包时是根据require的模块创建的依赖图表来打包的,所以我不太懂为什么要在dependencies声明生产环境依赖。


3个回答

︿ 3

事实就是那个字段是设计给 node 的,所以你写不写都无所谓。

详细来说,作为一个前端项目,你的依赖要么进行打包,要么是 script 标签引入,所以你的 deps 字段里面有什么根本不会影响最终的代码。

︿ 2

我们在实际开发中会用到很多模块,有些模块(如,gulp,babel,这些放到devDependencies中)都只是开发环境中用到的,而jquery是用在生产环境中,当你部署项目到生产环境时,执行 npm install --production, 只会安装dependencies中的模块,这样管理模块就会很方便

︿ 2
  • 如果你用<script>加入模块的话,这个引入JS/CSS的方法本身用不到npm包管理,可以直接忽略package.json的配置问题

  • 如果你使用如webpack进行打包。webpack在模块打包时是根据require的模块创建的依赖图表来打包的,这的确没错。但是之后还有一步,就是webpack通过依赖图表进行打包的时候,如果依赖图表里有jQuery依赖,webpack还是要去找jQuery的文件,然后注入到打包的文件之中。如果你不写dependencies的话,在团队开发中,另一个人改了一点代码,然后用npm install安装了依赖包,再重新打包的时候,webpack创建出依赖图表,依赖图表中依赖了jQuery,然而webpack在node_modules里却找不到要注入到目标文件的jQuery代码,这样他重新打包就会失败。当然,如果你只有自己一个人开发的话,可以忽略这一点。

  • 当然,dependencies还有一种应用情况,比如说我之前写的一个node.js爬虫。由于这个爬虫是直接用node运行JS代码的,所以我的JS文件里面require()的包都需要写在dependencies里,部署的时候用npm install安装完这些依赖,require才能够读取到对应的包。