目录 问题背景 解决方案 常用的JavaScript压缩工具 如何自动处理文件依赖并压缩文件 1、安装必要的包 2、配置Webpack 3、运行Webpack 问题背景 在Web开发中，代码的性能和加载时间是用户体验的...

目录 一、webpack基础 二、source-map 2.1 认识source-map 2.2 如何使用source-map 2.3 source-map文件分析 2.4 source-map常见值 2.5 source-map不常见值 2.6 source-map最佳实践 一、webpack...

目录 webpack dev-server 代理 websocket proxy websocket 总结 webpack dev-server 代理 websocket 在写东西的时候遇到websocket在开发中需要代理，并且基于http，部署后利用Nginx代理并使用ht...

目录 1. 创建react项目 2. 安装依赖包 3. 创建中间件 4. 修改webpackDevServer 5. 测试mock请求 1. 创建react项目 使用 create-react-app 创建项目 npx create-react-app react-mock 执行 eject...

我们知道在做 vue 项目时，由于项目不断扩大，dist 文件越来越复杂，webpack 生成文件并将其默认放置在 /dist 文件夹中，但是它不会追踪哪些文件是实际在项目中需要的。 （1）webpack 配置 通常...

目录 一、为什么需要拆包 二、拆包方式 三、splitChunks介绍 四、splitChunks 拆包策略 五、总结 一、为什么需要拆包 随着应用程序规模的增长，JavaScript 文件的大小也越来越大。一个大的 Java...