一、Tree Shaking的原理 基于es6(esm)模块，只能在使用exprt、export default、import进行导入导出的文件上生效。删除无用代码主要有两步骤。 先标记 再剔除---

背景 事情是这样的，上周在分析项目打包代码的时候，突然发现 date-fns 在未压缩之前有 1.5M，通过分析报告可以看到，date-fns 的 locale 模块全部被打包到了 bundle 文件

所有人都知道 Webpack 很复杂，但 Webpack 的源码却很优雅，是一个典型的可插拔架构，不仅逻辑清晰，而且灵活好扩展。近几年出来的一些构建工具，大多也都参考了 Webpack 的这种架构方式

弄清楚这几个包，Babel就差不多理解80%了。文章已经梳理好平时项目中Babel经常用到的几个包，带你一步步看懂Babel官网文档，解答官网中容易蒙圈的地方

本文分享babel7的语法转换和polyfill的相关知识，主要内容为@babel/preset-env和plugin-transform-runtime的用法对比。

预备知识 webpack 配置主要分为七种：entry(入口) 、output(出口) 、loader(转换) 、plugin(插件) 、mode(模式) 、resolve(解析) 、optimiza

一直以来对 output.library 配置项都是不求甚解，只知道将代码打包成 npm 库的时候要配置它，这段时间又要开发组件库，借助这次机会对 output.library 求甚解。

DeprecationWarning: Compilation.assets will be frozen in future, all modifications are deprecated. BREAKING CHANGE: No more changes should …

webpack5模块联邦为我们提供了一种在应用程序之间共享代码的新方法。用白话来说，模块联邦提供了一种模块间共享代码的能力，为前端代码组织结构提供新的思路。来一起深入探究下，揭开他滴面纱