{ filename: 'bundle.js' }, module: { rules: [ { test: /\.txt$/, use: 'raw-loader' } ] } }; test 指定匹配规则 use 指定使⽤用的 loader 名称 核⼼心概念之 Plugins 插件⽤用于 bundle ⽂文件的优化，资源管理理和环境变量量注⼊入 作⽤用于整个构建过程 常⻅见的 Plugins 也可以处理理图⽚片和字体 可以设置较⼩小资源⾃自动 base64 webpack 中的⽂文件监听 ⽂文件监听是在发现源码发⽣生变化时，⾃自动重新构建出新的输出⽂文件。 webpack 开启监听模式，有两种⽅方式： ·启动 webpack 命令时，带上 --watch 参数 ·在配置 webpack.config.js 中设置 watch: true webpack 中的⽂文件监听使⽤用 aggregateTimeout module.export = { //默认 false，也就是不不开启 watch: true, //只有开启监听模式时，watchOptions才有意义 wathcOptions: { //默认为空，不监听的文件或者文件夹，支持正则匹配 ignored: /node_modules/, //监听到变化发生后会等300ms再去执行，默认300ms aggregateTimeout:

异步引⼊入的库进⾏行行分离(默认) · initial 同步引⼊入的库进⾏行行分离 · all 所有引⼊入的库进⾏行行分离(推荐) 利利⽤用 SplitChunksPlugin 分离基础包 test: 匹配出需要分离的包 module.exports = { optimization: { splitChunks: { cacheGroups: { commons: { test: /(react|react-dom)/

webpack-stats-plugin • …… 如何从 Webpack 迁移到 Rspack？ ??? 平滑！ 得益于与 Webpack 良好的兼容性！ 如何从 Webpack 迁移到 Rspack？ ✅ 宽松模式 • 目前并不支持所有 webpack 配置，且有些配置会影响产物，为了保 证产物的正确性，Rspack 默认开启了对配置的严格校验 如何从 Webpack 迁移到 Rspack？ ??? Rust

node-libs-browser：https://github.com/webpack/node-libs-browser#readme ⻓期缓存：确定的模块 Id、chunk 和导出名称 在生产模式下，默认的 chunkIds: “deterministic”, moduleIds: “deterministic”。设置成 deterministic 时默认最小 3 位数字会被 使用 chunkIds

(config/config-args.js)，将命令划分为9类： ·Config options: 配置相关参数(文件名称、运行环境等) ·Basic options: 基础参数(entry设置、debug模式设置、watch监听设置、devtool设置) ·Module options: 模块参数，给 loader 设置扩展 ·Output options: 输出参数(输出路径、输出文件名称) ·Advanced

function () { gulp.watch('src/js/**/*.js', ['uglifyjs']) }) src/js/**/*.js 是 glob 语法。百度百科：glob模式 、node-glob 在命令行输入 gulp 后会出现如下消息，表示已经启动。 [20:39:50] Using gulpfile ~/Documents/code/gulp-book/de