什么是前端工程化，是我去年困扰我很久的一个问题，打开搜索引擎一搜，能找到四个关键字，模块化、组件化、规范化、自动化，但一看这几个字，更加迷茫了，没说解决了什么问题。大部分搜出来的都是 webpack、

带你深度解锁Webpack系列(基础篇) 和 带你深度解锁Webpack系列(进阶篇)，主要是讲解了 Webpack 的配置，但是随着项目越来越大，构建速度可能会越来越慢，构建出来的js的体积也越来越大，此时就需要对 Webpack 的配置进行优化。 本文罗列出了十多种优化方式…

Web前端开发中，对于生产环境的代码通常会进行压缩和混淆处理，以减小代码体积并提高源代码安全性。然而当生产环境有JS错误发生时，压缩和混淆的代码也让定位错误变得更困难。 我们先来看一个爱奇艺智能前端异

用Vue2.7+Vite3重构老项目，所谓工欲善其事必先利其器。近期公司有一个大数据处理平台的项目，由于项目启动时间实在太长，体验极差，且生产模式下还使用了`Gulp`工具打包，所以组长让我重新选择构

基于VS Code的插件能力，结合团队FE统一UI组件，统一工作流的情况，开发包含多种功能的FE提效工具。与此同时，学习VS Code插件的从0到1开发，多掌握一门能力。

在上两章节中我们已经介绍过了 JavaScript 打包机制 以及 webpack 所有的内置配置，但当项目业务功能达到一定规模时，默认的配置已经不足以满足开发、用户的期望，我们就需要对 webpack 配置进行优化。 如何知道具体该如何优化喃，最直观的方式是分析它的输出文件，…

本文将基于上一篇文章《Webpack4+Babel7优化70%速度》所搭建的环境去做动态路由加载，同时完成 React16 和 React-Router4 的升级工作，使整个项目的技术栈以及性能体验尽可能达到最佳状态。 我们知道，Webpack主要从两个方面进行优化，一个是提升…

随着2018年2月15号webpack4.0.0出来已经有一段时间了，webpack依靠着“零配置”，“最高可提升98%的速度”成功吸粉无数，对于饱受项目打包时间过长的我，无疑是看到了曙光，于是决定开始试水。 随着项目的不断迭代，样式文件和js文件的数量越来越多，造成webpa…

0. 背景 随着构建体系不断完善、构建体验不断优化，webpack 已经逐渐成为了前端构建体系的一大霸主，对于工作中的真正意义上的前端工程项目，webpack 已经成为了我们前端构建技术选型的不二选择，包括 create-react-app 以及 vue-cli 等等业内常见的…