作者 | Jarred Sumner

译者 | 核子可乐

说到webapack，大家都似乎很熟悉，但是深层的又不是那么清晰或者说直接不懂。

平时开发中都是vue-cli或者 npm install --save webpack

Webpack 配置文件详解

Webpack 是一个强大的模块打包工具，它的配置文件

Umi，中文可发音为乌米

像上一节中，我们每次在打包文件时都需要手动输入源文件名和输出文件名，这样会比较麻烦，要解决这个问题，我们可以使用配置文件来进行管理。

摇树优化Tree Shaking是Webpack里非常重要的优化措施，它的优化效果在Webpack 5中又得到了进一步的提升。

作者：蛙人 来源：前端娱乐圈

前言

今天来讲一下Webpack配置环境变量，那么环境变量是干啥的。我们在开发项目中都会遇到这种场景，区分「开发环境」、「生产环境」、「测试环境」，不同场景请求不同的接口Api。这时候项目中配置的「环境变量」就登场啦~，下面来讲一下配置环境变量的方式吧。

程序员优雅哥简介：十年程序员，呆过央企外企私企，做过前端后端架构。分享vue、Java等前后端技术和架构

本文摘要：主要讲解 webpack 5 初体验。从webpack 5 初识到便写代码。优雅哥将围绕该主题不断更新系列文章。

Webpack 作为现代前端开发里不能少的工具，在项目构建和资源管理这块起着关键作用。在前端开发越来越复杂的现在，做性能优化特别重要。

先从开发效率这块来说，一个没优化过的 Webpack 配置可能会让构建的时间变得很长。比如说，在大项目里，要是每次改代码都得花好多时间等着构建完，那会严重影响开发的进度。根据一些实际项目的数据统计，没优化的 Webpack 构建可能得要几分钟甚至更长时间，但是通过合理的性能优化办法，能把构建时间缩短到几十秒甚至更短。这样能让开发人员更快看到改了代码后的效果，把开发效率提上去。

针对新手入门搭建项目，Webpack5 配置手册（从0开始）

webpack安装顺序