前言 对前端工程师而言，前端工程化早已不是 “可选技能”，而是应对大型项目开发的 “必备能力”—— 它能解决多人协作的效率问题、代码维护的混乱问题，以及项目从开发到上线的落地问题。今天，我们将聚焦 “

在现代前端工程化体系中，Webpack 已成为构建工具的事实标准。然而面对非标准 JavaScript 文件或自定义语法时，你是否遇到过 `Module parse failed: Unexpecte

在 Web 项目中，通常使用构建工具（如 Webpack）来对模块进行打包。在 Webpack 的配置中，可以使用动态导入（dynamic imports）的特性来按需加载组件。

8个小技巧玩转首屏加载，虽然很多技巧在很多文章都有，优化的手段很多，但优化的结果呢？文章从真实用户体验后的数据入手，提供8个小思路。

1. CodeSplitting 现在我们去看一下main.js，发现目前所有的业务代码和lodash工具代码都打包在了一起。 真正情况下可能业务代码非常的多，如果现在这样打包会把两者打包到一起，从代码运行层面上来看没有问题。但是有一个潜在的问题，假设lodash很大，有1MB…

Vue-cli3提供了开箱即用的项目脚手架，自带的webpack配置已经经过了优化。但是当项目越来越庞大的时候，目前我的项目打个包都要三四分钟，并且首页加载也很慢。于是希望对webpack进行优化，进一步提升打包效率。 但是目前网上的各种资料，要么是针对webpack4之前版本…

问题描述 我们项目做完，验收通过以后，就需要打包发布上线啦。于是我们执行命令：npm run build打dist包，打包完以后截图如下： 直接打包的chunk-vendors.js太大了 chunk

前言 在日常开发中，最容易让人注意的就是项目编译打包的时间，特别是在较频繁打包部署时，这个时间显得很漫长。 例如：之前接手的一个项目 "冷启动" 时编译过程花费了约 86 秒： 这能忍吗？显然不能，于

对自己性能优化以及webpack优化进行总结，目前文章对webpack进行了描述，后续会对webpack之前的性能进行总结。