同时我们也了解了webpack中比较核心的几个概念compiler、compilation、tapable。
动态引入css,和模块,最终编译的效果就是转义成 手动引入的效果
coding split
的产物,我们可以对一些代码打包成一个单独的chunk
,比如某些公共模块,去重,更好的利用缓存。或者按需加载某些功能模块,优化加载时间。在webpack3
及以前我们都利用CommonsChunkPlugin
将一些公共代码分割成一个chunk
,实现单独加载。在webpack4
中CommonsChunkPlugin
被废弃,使用SplitChunksPlugin
webpack.cache
、babel-loader.cacheDirectory、HappyPack.cache
都可以利用缓存提高rebuild效率