PostCSS是什么 PostCSS是一个转义CSS代码的工具，它的输入为CSS文件，输出也是CSS文件。它首先把CSS转换为抽象语法树AST，再使用插件对语法树进行修改，最后生成新的CSS代码。

有一天，甲方打开一个后台管理的项目，说有点卡，不太满意，项目经理叫我优化，重新打包一下。从输入地址 到 展示 首屏，最佳时间在 3秒内，否则，甲方挂脸，咱就有可能有被裁的风险，understand?

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

在现代前端工程化体系中，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