在前端技术发展日新月异的今天，前端工程化已经成了每个前端工作/学习者的必备知识，一文带你吃透webpack

0.背景 通常我们在开发中需要区分当前代码的运行环境是dev、test、prod环境，以便我们进行相对应的项目配置，比如是否开启sourceMap，api地址切换等。而我们区分环境一般都是通过proc

引言 webpack中文官网：https://webpack.docschina.org/concepts/ webpack是一个javascript常用的静态模块打包工具，通过配置webpack，可

近期对Webpack5构建性能进行了优化，构建耗时从150s到60s再到10s，下面详细讲解下优化过程。

webpack cache 发布3年多了, 在历史包袱中的项目中其实非常好用. 本文会介绍 cache 在一个项目中的实践经验, 和实现原理, 以及了解流程后的一些推论.

本文梳理JS模块化的历史和现状，不仅介绍不同模块系统是什么，而是深入介绍不同模块系统诞生的原因和解决的问题，阅读本文将为你解开很多JS模块化的疑惑

新人前端往往在学习过程中由于找不到体系化的工程化课程，导致对这一块的理解很浅薄。前端工程化的网上资源较乱，但是面试又特别爱问，故而写下这个系列的文章整理。

本文是笔者到京东实习领完电脑到配完开发环境的实录，既作为笔者之后自己的参考，也希望能帮助到更多前端新人小伙伴。

1. 引言 webpack是前端开发中重要的打包工具。对初中级工程师来说可能难以入门，无从下手，不能顺利的配置属于自己项目webpack配置。没关系，本文将结合webpack的构建流程，梳理常用配置，