董哼哼

一、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：是否在服务器端进行代码压缩

相关代码 通过 Webpack 将源码 index.js 打包成 index.bundle.js，那么浏览器中运行的就是打包后的 index.bundle.js，一旦代码报错，报的将是 index.b

相关代码 一、公共路径 通过 publicPath 来指定应用程序中所有资源的基础路径。 二、环境变量 1. 基本使用 Webpack 命令行环境配置的 --env 参数，可以允许你传入任意数量的环境

相关代码 通过缓存，可以降低网络流量，使网站加载速度更快。但是，如果在部署新版本时不更改资源的文件名，浏览器可能会认为它没有被更新，就会使用资源的缓存版本。 Webpack 中可以使用一些配置，以确保