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

被咯苏州 / 2024-02-03 / 原文

《Promise.withResolvers 延迟 Promise》https://sorrycc.com/promise-with-resolvers/promise 当被reject之后,再次resolve,都是会返回 reject 的消息

一个npm包的多个版本

Webpack好处:
通过ES6+、TypeScript开发脚本逻辑,
通过Sass、Less等方式来编写CSS样式代码。
监听文件变化并且实时反映到浏览器上,提高开发效率。
JavaScript代码需要模块化,HTML和CSS等资源文件也面临模块化的需求。
开发完成后,我们还需要对代码进行压缩、合并以及执行其他相关的优化操作。

Webpack 5优化策略:
cache:{ type: 'filesystem' }:通过include src 和exclude node_modules优化Loader配置。
Module Federation。
resolve.extensions 后缀解析和resolve.alias 设置别名提高解析速度。
移除不必要的插件和loader。
使用terser-webpack-plugin开启多线程。