Webpack 和 Code Splitting

概念

在一些项目之中，会通过对代码公用部分进行一些拆分，来提升项目运行的速度.

通过webpack自带的插件可以自动的做代码分割

Code Splitting 代码分割

如是第三方包的业务代码一起打包，则会带来以下问题：

1.打包文件会很大，加载时间长

2.重新加载页面，又要加载大文件js内容

配置

用这种方式，main.js被拆成lodash.js和main.js，当页面业务逻辑发生变化时，只要加载main.js即可

总结

• 代码分割和webpack无关
• webpack代码分割，两种方式：
  • 同步代码：只需要在webpack.common.js中做optimizaiton的配置
  • 异步代码（ import）：异步代码，无需做任何配置，会自动进行代码分割