构建工具

在实际开发过程中，我们肯定要运行代码，查看页面，这时有个本地服务器就很重要，这样可以调试代码。区分生产环境和开发环境能够帮助我们更好地开发，尤其是在开发环境下实现本地开发的便捷开发工具能够提高开发效率

本篇文章排雷：具体实现功能可参照初版 rollup 源码，仅实现变量及函数方法的非嵌套 tree-shaknig，主要目的是实现 rollup 基本打包流程，便于新手理解 rollup 构建与打包原理

webpack 打包 + terser 实现 tree-shaking 的分析来了！ terser 是一个用于 ES6+ 的 JavaScript 解析器和 mangler/compressor工具

webpack 打包 + uglify 实现 tree-shaking 的分析来了！我说过我不会鸽哈哈哈哈... 不会长篇大论讲很多~~细节~~源码，想让我 5 分钟讲明白源码那是不可能的，主要是讲

看书看到 webpack 打包抽取vendor 并进行客户端缓存加快整体渲染速度，联想到之前在开发后进入测试环节时，明明我本地是没有问题的，但相同的代码在生产环境下打包部署到测试环境时，

原本不支持tree-shaking 的 Webpack 在它的 2.x 也实现了 tree-shaking，好奇心又来了，Webpack 实现 tree-shaking 和 rollup 实现 tre

之所以定这个系列目标是因为： 对构建工具感兴趣，最近开始从 rollup 入手研究打包工具原理； 有个【工具库项目】在做技术选型时定了 rollup