Skip to content

Latest commit

 

History

History
10 lines (9 loc) · 886 Bytes

_optimize.md

File metadata and controls

10 lines (9 loc) · 886 Bytes

构建性能优化

ttk集成Webpack过程中封装了一些性能相关的逻辑,包括但不限于以下几点:

  • 通过Rule.include限制参与编译的JavaScript文件目录;
  • 使用try{}catch{}配合require.resolve取代npm list判断模块是否安装;
  • 本地服务器监听文件中排除node_modules目录。

除了ttk内部封装的优化手段以外,你也可以通过配置对性能进行优化和定制:

  1. 使用webpack生态的一些插件解决工程化的效率问题;
  2. 通过limit配置编译输出文件的体积上限,如果超出限制,ttk将会抛出警告,提醒你获取可以重新组织模块的划分结构;
  3. 提取dll模块。提取dll后会创建manifest.json文件,再次构建时可以节省大量时间。