打包体积优化！！！优化一半！！首次加载速度优化！！优化一半！！要让我们的项目fast fast fast！！

webpack5实现自定义plugins 项目源代码传送门 plugins相关文档地址：https://webpack.docschina.org/api/plugins 插件介绍 使用阶段式的构建回

简要说明此版本重点关注以下内容：我们尝试通过持久化存储优化构建性能。我们尝试采用更好的算法与defalut来改善长效缓存。我们尝试通过更好的TreeShaking和代码生成来改善bundle的大小。我

前言： 今日一文，有同学在查看了【前端开发技巧】Vue工程项目热更新慢解决办法 提到了在我们npm install安装依赖中为何要添加 --legacy-peer-deps，添加 --legacy-p

作者：滴滴公共前端团队 - J 基本用法 这个插件用来定义全局变量，在webpack打包的时候会对这些变量做替换。先看个例子 //webpack.config.js var webpack = require('webpack'); var path = require('pa…

一、什么是 Tree Shaking Tree-Shaking 是一种基于 ES Module 规范的 Dead Code Elimination 技术，它会在运行过程中静态分析模块之间的导入导出，确

2020年即将到来,在众多前端的招聘要求里,webpack、工程化这些字眼频率越来越高。日常开发者中，我们常常在用诸如vue-cli、create-react-app的脚手架来构建我们的项目。但是如果你想在团队脱颖而出(鹤立鸡群)、拿到更好的offer(还房贷)，那么你必须去深…

自从使用了 es6 的模块系统后，各种地方愉快地使用 import export default，但也会在老项目中看到使用commonjs规范的 require module.exports。甚至有时候也会常常看到两者互用的场景。使用没有问题，但其中的关联与区别不得其解，使用起…

说起路由懒加载，大家很快就知道怎么实现它，但是问到路由懒加载的原理，怕有一部分小伙伴是一头雾水了吧。下面带大家一起去理解路由懒加载的原理。 路由懒加载也可以叫做路由组件懒加载，最常用的是通过import()来实现它。 然后通过Webpack编译打包后，会把每个路由组件的代码分割…