作者:佳山申士_636 | 来源:互联网 | 2023-01-12 18:57
我最近被抛入清理一个有45-50个单独的.js
Javascript文件的项目.我想知道减少所有装载尺寸的最佳方法是什么.只需将所有文件连接成一个npm
或gulp
?安装一些模块加载器?的WebPack?
1> 小智..:
如果你已经连接,缩小和丑化,并且你不希望所有文件由于单片软件包而加载到所有页面上,你可能正在寻找像Webpack的Commons Chunk Plugin这样的东西.
此插件遍历Webpack.config文件中定义的每个端点的依赖树,并确定所有页面都需要哪些模块.然后它将代码分成两个包,一个包含每个页面所需模块的"通用"包,您必须在每个页面上加载脚本标记:
以及通常在公共脚本标记之后放置的脚本标记中引用的每个单独页面的端点包:
结果是单个页面不必加载仅在其他页面上使用的模块.
同样,这是一个Webpack插件.我不知道这个功能是否可以作为Gulp插件使用,因为它必须知道所有端点,以确定它们共有哪些依赖项.