1. 基础 -- 会配置 2. 进阶 -- 能优化 3. 深入 -- 懂原理 一层层晋级打怪 🦖 ，解答不同深度的 Webpack 面试题问题 🤓

webpack 对于每个前端儿来说都不陌生，它将每个静态文件当成一个模块，经过一系列的处理为我们整合出最后的需要的 js、css、图片、字体等文件。来自官网的图很形象的阐述了 webpack 的功能 —— bundle js / css / ... （打包全世界ヾ(◍°∇°◍)…

本文讲述的最佳实践是从日常业务中总结而出的，不一定适合所有项目。毕竟每个公司或个人的项目不同，最佳实践也会有所不同。但是可以从这篇文章借鉴吸收一点有用的东西，有问题的地方也欢迎大家积极吐槽指正。

用 Vue CLI 工具去搭建一个项目。 在领导或同事搭建好的项目基础上做业务。 长此以往，会导致你对整个项目的把控度越来越低。面试下一家公司的面试官问你，是否手动搭建过 Vue 项目的时候，对配置一问三不知🤔️ 。本文着重为大家讲解从 0 到 1 搭建 Vue 3.x 开发…

以上是笔者平时针对自己项目或者公司项目累积的一点vue项目打包优化知识，也许你有更好的优化点，或者更好的优化方案，欢迎提供案例，学习学习。

都 2020 了，不会点 Webpack 好像有点说不过去。 但是事实上如果不是分配到【架构组】之类的团体中，感觉接触 Webpack 的概率会少点吧。 Webpack 是一个现代 JavaScript 应用程序的静态模块打包器（module bundler）。 当 Webpa…

assetNameRegExp: 正则表达式，用于匹配需要优化或者压缩的资源名。默认值是 /\.css$/g

没用过... 经过一周的时间，重新对这几年使用webpack4的感悟进行整理，是时候和 webpack4 说再见了，希望以后不要再见了... webpack5 向我们招手，读了webpack5源码，得出一个结论：v5之前所有的webpack技巧和插件、loader...，全被遗…

发现文件dist下没有生成css文件，此时的css被打包在了js中。如果要打包css文件，我们需要安装新的plugin 踩坑 ： css文件中的backgroundImage路径为 publicPath+name。路径报错可尝试修改publicPath