对 Babel 的配置项的作用不那么了解，是否会影响日常开发呢？老实说，大多情况下没有特别大的影响（毕竟有搜索引擎）。 不过呢，还是想更进一步了解下，于是最近认真阅读了 Babel 的文档，外加不断编译验证，输出了本篇文章，为了更好的阅读体验，修修改改，最终算是以我个人比较喜欢…

由于本人最近在公司负责的项目较多，部署起来比较麻烦，部署环境还非常多（有本地开发、测试、生产）多个环境的部署，非常的占用时间。也使用过 Jenkins、GOCD 等持续集成部署工具。但是一方面由于配置比较麻烦，很多前端的同事并不会配置这些持续集成工具并且公司项目比较多，前端、后…

开发完成后 -> 提交代码 git add . git commit -m 'msg' 并且同时改几个项目也是存在的，所以，这种操作要把人整神... 有一天我开发了一个功能，按照上面流程把代码发布到了内外侧，这时候测试姐姐测试了，发现我把登录写成登陆了，通知到我，你有一个超级严…

大型团队的合作框架下，必须依赖更复杂的DevOps架构（参考：DevOps详解）。但对于成员不多、负责的Web项目工程量也不大的团队，面临的问题肯定也更单纯： 即便是只有这些需求，在以往的“开发机”的联调环境里，一旦需要添加开发或者测试人员，或者需要更新nginx的配置，再或者…

webpack的打包优化一直是个老生常谈的话题，常规的无非就分块、拆包、压缩等。 本文以我自己的经验向大家分享如何通过一些分析工具、插件以及webpack新版本中的一些新特性来显著提升webpack的打包速度和改善包体积，学会分析打包的瓶颈以及问题所在。 webpack 有时候…

1. 模块热替换 启用此功能需要更新 webpack-dev-server 的配置，和使用 webpack 内置的 HMR 插件。 CSS 的模块热更新，借助于 style-loader 。 2. Tree shaking 「副作用」的定义是，在导入时会执行特殊行为的代码，而不…