Source Map(有了它浏览器就可以从转换后的代码直接定位到转换前的代码)
通过webpack- merge实现合并与拆分配置(optimization中设置mergeDuplicateChunks: true//合并包含相同模块的块)
代码转换、文件优化、代码分割、模块合并、自动刷新、代码校验、自动发布#
抽离公共代码(splitChunks就是根据cacheGroups去拆分模块的)
分包策略(m站目前是:sentry,util,nest,swiper)
A:webpack构建效率的优化措施有两个大方向:缓存和多核。缓存是为了让二次构建时,不需要再去做重复的工作;而多核,更是充分利用了硬件本身的优势,让我们的复杂工作都能充分利用我们的CPU。将这两个方向化为实践的主角,就是:cache-loader和happypack。
Q、怎么减少打包体积,有一个1000列*100行的表格这么样做优化
A:1、去除不必要的插件2、提取第三方库3、代码压缩4、代码分割5、设置缓存