Webpack 一直都是有些人的心魔，不清楚原理是什么，不知道怎么去配置，只会基本的 API 使用。它就像一个黑盒，让部分开发者对它望而生畏。 而本节最大的作用，就是帮大家一点一点的消灭心魔。

webpack 什么是webpack webpack能做什么 将ESModule, CommonJS代码转换为浏览器支持的语法 预编译Less,Sass语言 图片压缩 全局注入依赖文件 提供本地服务器

持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第13天，点击查看活动详情 webpack如何打包资源优化你有了解吗？或者一个经常被问的面试题，首屏加载如何优化...

【万字长文】使用最新的webpack5新特性从零一步一步搭建完整的react18+ts构建环境，完善的模块热替换和构建速度和构建结果的优化。

前言 越来越多的项目使用webpack5来构建项目了，今天给大家带来最前沿的webpack5配置，让我们代码在编译/运行时性能更好~ 我们会从以下角度来进行优化： 提升打包构建速度 减少代码体积 优化

不是吧，都2022年了，再不会用webpack搭建项目多少说不过去了，基于最新的webpack5.65搭建，手摸手教你搭建vue项目，后续优化集成其他依赖会持续更新。

最近，陆陆续续搞 了一个 UniUsingComponentsWebpackPlugin 插件(下面介绍)，这是自己第三个开源项目，希望大家一起来维护，一起 star 呀，其它两个： vue-okr-

webpack打包优化 webpack生产环境的打包优化手段有很多，其中code split是最重要的。 可以将node_modules中代码单独打包一个chunk最终输出； 自动分析多入口chunk

使用 webpack 插件 DllPlugin 和 DllReferencePlugin ，是前端工程化中优化打包速度的重要途径。webpack中文网-DllPlugin。 他们可以打包常用的且不经常更新的模块，生成 JS 和 json文件，一般放入 public 目录中；项目…