在实际开发中，开发环境和生产环境的配置有很多是相同的，例如都会配置相同的entry。考虑到代码的复用性和可维护性，我们通常要把相同的配置提取出来，以供开发环境和生产环境来使用。

在公司里一般有多个相同技术栈的项目，毕竟在多个项目间copy公共组件代码太繁琐，也不利于组件库的维护，所以怎么高效维护一套公共的组件代码很重要。这种情况，一般我们可以考虑封装成组件库，发布到npm上。

Webpack 可以看做是模块打包机，把解析的所有模块变成一个对象，然后通过入口模块去加载我们的东西，然后依次实现递归的依赖关系，通过入口来运行所有的文件。本文主要介绍 webpack5 的常用配置

今天给大家介绍社区当中一个 webpack 的流式配置方案——webpack-chain，这个方案现在已经在我目前所在的团队落地，且带来了一些正向的收益。

截止目前，我们只能通过复制dist/index.html 完整物理路径到浏览器地址栏里访问页面。现在来看看如何设置一个开发环境，使我们的开发体验变得更轻松一些。

本节我们将学习webpack打包工具,学习其核心概念以及如何处理html，css，js，图片等资源。

webpack5 近期终于有时间和精力专注于公司技术基础建设了，于是将公司的Saas系统改造成了微前端模式，解决了历史遗留的一部分问题 接着，想着webpack5已经发布这么久了，该在生产环境推广了

执行 npm start 看看能否给我们第一个 div 加上颜色呐。不出意外的话你的页面应该是什么都没有展示。浏览器中的 console 也应该是报了错与此同时运行 npm start 的终端也报了 error。 来吧，让我们处理报错。 以上配置完成后，通过 import ".…