一个项目的构建的性能优化，主要是从构建时间和构建体积这两个方面入手。 ○ 缩减与指定编译范围、提前与缓存构建、并行构建 ○ 分割代码、摇树优化、动态垫片、按需加载、作用提升、压缩资源

在 Vue 2 项目中使用 webpack 进行高压缩输出可以通过多种方式实现，主要包括使用压缩插件、优化 loader 配置、配置压缩选项等。以下是一些常用的方法和原理。 1. 使用 UglifyJ

作者：滴滴公共前端团队 - 王宏宇 前言 作为 Vue 的使用者我们对于 vue-cli 都很熟悉，但是对它的 webpack 配置我们可能关注甚少，今天我们为大家带来 vue-cli#2.0 的 webpack 配置分析 vue-cli 的简介、安装我们不在这里赘述，对它还不…

webpack ensure 有人称它为异步加载，也有人称为代码切割，他其实就是将 js 模块给独立导出一个.js 文件，然后使用这个模块的时候，再创建一个 script 对象，加入到 document.head 对象中，浏览器会自动帮我们发起请求，去请求这个 js 文件，然后…

在 webpack 中，专注于处理 webpack 在编译过程中的某个特定的任务的功能模块，可以称为插件。它和 loader 有以下区别： loader 是一个转换器，将 A 文件进行编译成 B 文件，比如：将 A.less 转换为 A.css，单纯的文件转换过程。webpac…