环境可分为开发和生产，那我们需要做的抽取一个公共js，在根据需求建特有开发和生产的js，并引用公共js。 基于前面的项目配置,这边建三个文件对webpack.config.custom.js进行拆分与不同js文件变量的合并。 我们在index.js 测试下这个环境变量是否已经成…

所以只要某一个文件被修改，所有输出文件的hash都会跟着变化；因此它有一个弊端，一旦修改了某一个文件，整个项目的文件缓存都会失效。 webpack的三种hash生成策略都是根据源码内容来生成，只是该源码已经被webpack封装成能在webpack环境中运行的代码了，包含每一个源…

「2022 年什么会火？什么该学？本文正在参与“聊聊 2022 技术趋势”征文活动 」 以Vite为代表的前端构建工具进入加速赛道 ESM 大势所趋，势如破竹，由于 ESM 的普及，而带来的打包工具的

本篇将从优化开发体验、加快编译速度、减小打包体积、加快加载速度 4 个角度出发，介绍如何对 webpack 项目进行优化。