一. 什么是Tree-shaking 上图形象的解释了Tree-shaking 的本意，本文所说的前端中的tree-shaking可以理解为通过工具"摇"我们的JS文件，将其中用不到的代码"摇"掉，是一个性能优化的范畴。具体来说，在 webpack 项目中，有一个入口文件，相当…

周五了，何不给自己加个餐呢，想着第二天不用上班了，就感觉要起飞有木有，所以写篇文章再下班吧。 一个关于前端日志打印的库。 npm地址 如何用webpack打包公共类库，兼容不同环境，不同场景。 日常的日志调试是个很基础的东西，console.log也是我们每天都经常使用的东西，…

用 Vue CLI 工具去搭建一个项目。 在领导或同事搭建好的项目基础上做业务。 长此以往，会导致你对整个项目的把控度越来越低。面试下一家公司的面试官问你，是否手动搭建过 Vue 项目的时候，对配置一问三不知🤔️ 。本文着重为大家讲解从 0 到 1 搭建 Vue 3.x 开发…

随着项目不断发展壮大，组件数量开始变得越来越多，项目也开始变得庞大，webpack 编译的时间也会越来越久，我们现在的项目编译一次在 40s ——70s 之间，这是一个效率非常低下的操作。优化的手段有很多，之前项目原本已经做了很多，本文从缓存的角度进行优化讲解 babel-lo…

自从 2018 年 2 月，webpack4 发布以来，webpack 就暂时没有更进一步的重大更新，为了保持 API 的一致性，旧的架构没有做太多改变，遗留了很多的包袱。阔别 2 年多后，2020 年 10 月 10 日，webpack 5 正式发布，并带来了诸多重大的变更，…

2017 年中旬，ICE 团队接到一个叫做「阿里创作平台」的项目，这个产品为创作者提供了入驻、帐号管理、内容管理、内容发布、粉丝运营、数据分析等等非常完备的功能，页面数 50+、项目一期有 3-6 个前端同时开发、业务未来有二方业务接入的需求……针对这些问题，传统的单页面应用方…

此文为复习或升级webpack过程中的总结。webpack版本为4.29.5 目的:减少包体积，按需加载。常见使用情况有以下3中

说人话就是，Jenkins是一个持续集成的工具，我们可以通过它丰富的插件系统，搭建自己需要的打包和编译环境，通过设定的触发机制，自动开始打包项目，并将打包好的项目部署到服务器。 一句话，我可以一个操作或者自动完成项目的打包部署工作。想看更多，点此 往下看，往下看，往下看。 点击…

随公司业务不断发展，营销活动、广告、页面改版等需求日益倍增，靠纯人工撸代码已经无法跟上需求增长速度。加班？招人？显得不够明智，也不够前端，提效也就成为了关键。如何提效？从何入手？那不得不提的就是前端提效神器 —— 搭建系统，下文将从多个方面，向大家简单介绍政采云前端团队 Zoo…