DongHao

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

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

相关代码 Webpack 能够把代码分离到不同的 bundle（打包分离出来的文件） 中，然后可以按需加载或并行加载这些文件。代码分离可以用于获取更小的 bundle，以及控制资源加载优先级，如果使用

相关代码 一、为什么需要 babel-loader Webpack 自带加载 JS 模块的功能，但是只能做 JS 模块化的打包，并不能转化 JS 代码，比如 ES6 转成 ES5。如果将 ES6 代码

相关代码 一、什么是 loader Webpack 默认只能理解 JavaScript 和 JSON 文件，这是 webpack 开箱可用的自带能力。但是通过 loader，能够让 Webpack 去

Webpack 最出色的功能之一就是，除了引入 JavaScript，还可以利用内置的资源模块（Asset Modules）引入任何其他类型的文件。 资源模块（Asset Module）是一种模块类型

相关代码 一、mode 选项 webpack.config.js： 二、使用 source map 当多个 js 文件被打包到一个 bundle 中，而其中某个源文件包含错误，那么堆栈跟踪就会指向 b

目前，我们是手动在 index.html 中引入所有资源，当项目越来越大，资源越来越多，如果继续手动管理 index.html 文件，就会变得困难起来。 在 Webpack 中，可以通过一些插件，来帮

相关代码 一、开发准备 上面代码，html 中引入了两个 script，且引入顺序不能出错。 实际开发中，往往要引入大量的 script，如果顺序出错，就可能会导致项目崩溃。 二、安装 Webpack