朝生暮落

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

随着滚动条的滚动，tab会对应进行切换，切换tab时，又会定位到tab对应内容的高度变化。 切换 tab 定位到对应内容这个可以用简单的锚点定位来实现，但如果需要平滑地进行内容滚动切换最好借助scr

基于项目背景，采用服务端渲染同构框架，服务端渲染基于node开发，借助log4js编写中间件收集node端请求日志，以及项目中的一些log 及错误日志。

简单应用 rollup 打包工具库项目，并不需要有多深入了解 rollup，只需要参照 rollup 官方文档 即可，但想要拥有便捷流畅的开发体验还是需要去多了解一些文档以外的内容~~

本篇文章排雷：具体实现功能可参照初版 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