自动捆绑外部JavaScript库

时间:2016-10-18 09:49:15

标签: javascript node.js npm bundle npm-install

我经常看到以浏览器为中心的javascript库,可选择安装npm

是否有理由使用npm而不是仅使用<script src="cdn-url"></script>安装它?

我正在加载很多库,所以我想获取这些文件可能是个好主意,所以我没有提出这么多的url请求(即使所有请求都是针对CDN)。

我可以通过npm安装,然后使用<script src='/node_modules/...'></script>,但是我需要使用express.static()或类似的东西公开访问这些路径。

我知道我可以使用webpack,browserify等,但是当我想将一些外部库自动捆绑到一个文件中时,它们似乎过于复杂。

1 个答案:

答案 0 :(得分:0)

在这种情况下使用npm是为了让您自动获得更新。您捆绑以减少请求数量,并且只包含1个脚本标记。

  

但是当我想将一些外部库自动捆绑到一个文件中时,它们似乎过于复杂。

遗憾的是,这很复杂。如果不是这样会很好。此外,更新库时需要考虑浏览器缓存等问题。如果您有供应商库包,则在更新时必须手动缓存查询字符串。因此,为了简化流程,webpack会为您完成所有工作。

我将转移到Webpack并使用CommonsChunkPlugin来创建供应商构建。 See this example.

要完全自动化所有内容,请将其与Html Webpack Plugin结合使用,以自动添加脚本标记,并使用散列添加缓存内容。