当然也提出了不少的问题与优化的点。在假期的最后的两天，虽然非常的不想碰代码，但是想到之前答应大家更新的需求，还是默默地打开了电脑 🙄🙄。 当然所有的更新都是对之前的配置文件做向下兼容的，所以大家可以放心的升级使用。请阅读下方文本熟悉工具使用方法。 前端一键自动化部署脚手架服…

从 2017 年发出关于 v5 的投票开始，到 2019 年 10 月发布第一个 beta 版本，目前是 5.0.0-beta.16。现在在收集使用反馈、生态升级的过程中，相信不久后就可以正式发布了。这次升级重点： 性能改进、Tree Shaking、Code Generati…

Entry（入口）：Webpack 执行构建的第一步将从 Entry 开始，可抽象成输入。 Module（模块）：在 Webpack 里一切皆模块，一个模块对应着一个文件。Webpack 会从配置的 Entry 开始递归找出所有依赖的模块。 Chunk（代码块）：一个 Chun…

Parcel相比前面介绍的webpack最大的区别就是：不需要维护配置文件，举个例子来说明：如果你想转换less的语法，在webpack你需要配置less-loader来完成，而Parcel不需要安装 less, 当检测到 less 文件时 Parcel 将会自动转换。换句话说…

了解到很多 RD 在开发项目的过程中（尤其是管理平台）需要同时支持前后端的开发。大部分后端同学平时都是在处理数据，由于技术不同，做前端经常会对后端大牛们造成活多或少的困扰。再加上前端技术的演变，react和vue的使用，更增加了学习的成本。之前整理了一个后端如何启动一个（管理平…

大佬n：... 众人：... 一个工程，默认有一个打包入口，build文件夹下存放着webpack的打包配置，包括开发环境和生产环境。 找到打包的入口文件(main.js)和模板文件(index.html)，然后通过我们配置的loader对不同类型文件进行解析或编译，最后生成不…

笔者最近在整理关于 webpack 相关的知识点，一方面是因为自己掌握的知识点比较零碎、不够系统，有时候碰到问题不知从何下手，另外一方面 webpack5.0 已经在路上了，这的确是一个让人头秃的消息。 笔者把系列的文章都扔在了这个仓库：webpack 学习整理文档，有兴趣的同…

本项目是淘系用户增长团队的一个大中台系统，单页应用，涵盖很多业务功能，运用了很多懒加载页面组件来提升性能，首屏时间 1s 左右，体验良好。然而大项目文件很多，导致构建和发布时间很长，内存占用较大。我的任务是尽可能优化与此相关的问题。 首先不难发现问题并不在用户体验上，而在于开发…

在阿里的淘系前端团队，开发与部署的模式随着技术的发展，仍然正在处于不断变化的过程中。一方面体系内外纷繁复杂的能力模块不断地向前发展，另一方面 LSP、DAP 等底层技术基础也逐渐成熟。在当下我们正在通过集成研发环境 IDE 的方式，将上一个阶段孵化沉淀的研发生态进行再一次的整合…