DongHao

相关代码 一般来说，我们的项目都是在启动了一个 server 的情况下运行的，当用户处于离线（offline）状态，或者我们关闭了 server，用户就不能正常使用程序。 现在，我们可以通过 PWA，

相关代码 1. Tree shaking 示例 假设有以下文件： 执行 npx webpack 后，查看 dist/main.js： 可以看到，打包后的文件直接获取了 add 方法执行后的值，引入的

相关代码 一、entry 配置 1. 单个入口（字符串写法） 2. 多个入口（数组写法） 由于 app.js 中引入了 lodash 第三方库，所以打包出来的 bundle 中包含了 lodash 的

一、PostCSS 与 CSS 模块 相关代码 1. PostCSS 在 Webpack 中使用 PostCSS，需要安装 style-loader、css-loader、postcss-loader

相关代码 一、Webpack 模块与解析原理 1. Webpack 模块 能在 Webpack 工程化环境里成功导入的模块，都可以视作 Webpack 模块。与 Node.js 模块相比，Webpac

一、git-hooks 执行命令，进入到 hooks 文件夹： 我们期望在 git commit 前，对代码进行检测，如果不能通过检测，就无法提交代码。查看 hooks 中的文件，有个 pre-com

相关代码 注意，本文使用的 ESlint 版本是 7.32.0。 一、ESlint 配置 ESlint，只需要在根目录下添加一个 .eslintrc 文件（或者 .eslintrc.json、.esl

相关代码 一、模块热替换 模块热替换使用的是 HotModuleReplacementPlugin 插件，在 Webpack4 中需要手动安装和使用，但在 Webpack5 中可以直接使用。 1. 配

相关代码 一、基本使用 static: resolve(__dirname, './dist')：把 dist 目录当作 web 服务的根目录 compress: true：是否在服务器端进行代码压缩