1.引言

自己配置的webpack + react的脚手架。

2.已完成

• start.js启动开发脚本
• webpack开发配置
• webpack构建配置
• git ignore文件
• Eslint
• EditorConfig
• ES6语法确认
• less是否可读
• url/img loader
• postcss
• typescript
• commitizen提交规范

3.Webpack性能优化

1. 优化构建速度
   • 缩小文件的搜索范围
     • resolve字段，alias、extensions
     • loader的test、include、exclude
     • module.noParse
   • DllPlugin
   • HappyPack

• ParallelUglifyPlugin

2. 优化输出质量
   • definePlugin
   • 压缩代码
3. 加速网络资源
   • CDN
   • 提取公共代码
4. 切割代码按需加载