Tooling.Report (opens new window)-构建工具对比平台

从上面的对比可以看出，考察构建工具的衡量指标有：

• 代码分割。能够导出公共模块，避免重复打包。以及在页面加载时，实现最合理的按需加载策略。它决定了静态资源产出的情况。

• hash缓存策略。最大化利用缓存机制，充分重复利用已打包的资源。

  对各个模块依赖关系进行分析，并根据依赖关系，支持开发者自定义hash策略。

  • hash。每次构建版本产生的hash，每个文件的hash都一样。
  • chunkhash。根据入口文件解析依赖，计算出每个文件自己的hash。
  • contenthash。根据具体文件内容，生成每个文件自己的hash，

• 依赖机制。包括CommonJS，ES modules和从node_modules导入。

• 非JS资源导入支持。比如HTML，CSS，Images，Service worder等。

• 输出模块的格式。包括CommonJS, 浏览器兼容格式, ES模块。

• 编译转换能力。比如处理JSX，.vue文件，混淆压缩，打包图片等。