延迟Promise/单项目多npm版本/webpack好处/webpack5构建速度

1. Promise 行为描述

《Promise.withResolvers 延迟 Promise》https://sorrycc.com/promise-with-resolvers/promise 当Promise被reject之后，再次尝试resolve，仍然会返回最初的reject消息。

2. npm包的多个版本

3. Webpack的好处

• 需要通过模块化的方式来开发。
• 使用高级特性来加快开发效率或提高安全性，例如使用ES6+、TypeScript来开发脚本逻辑，通过Sass、Less等预处理器来编写CSS样式代码。
• 监听文件变化并实时将更改反映到浏览器上，以提高开发效率。
• JavaScript代码需要模块化处理，HTML和CSS等资源文件也面临着被模块化的需求。
• 开发完成后，还需要对代码进行压缩、合并及其他相关优化操作。

4. Webpack 5优化策略

• cache:{ type: 'filesystem' }
• 通过include src 和 excludenode_modules优化Loader配置。
• Module Federation：利用模块联邦共享模块或库。
• resolve.extensions：优化后缀解析，减少解析时间。
• resolve.alias：设置别名，提高模块解析速度。
• 移除不必要的插件和loader，简化构建过程。
• 使用terser-webpack-plugin开启多线程压缩，加速构建过程。