webpack

使用 webpack 进行打包，每个资源都可以生成一个带 hash 的路径。浏览器可以利用该 hash 能够做到资源缓存，访问性能提升。 我们可以通过 output.filename 进行配置，配置如

👆上一节我们讲可以通过 import() API 在 webpack 中进行代码分割，分割出一个新的 chunk，在浏览器中，将通过 JSONP 的方式加载该 chunk 的脚本。 而在 webpac

我们知道，如果写import xxx from 'xxx.js'所有的资源都会被打包进一个资源文件里面。 这样做的优点就是能减少最终页面的HTTP请求数，但是缺点也同样存在： 随着项目的不断增大，最终

在 webpack 中使用import()方法可以动态加载ES6模块，示例如下： 仍是写一个打包脚本build.js 使用webpack打包 创建一个index.html文件引入dist/conten

尽管现在主流浏览器已支持ESM，但是webpack仍然会将ESM转化为CommonJS。我们来看下 webpack 是 如何将ESM转化为CommonJS的。 CJS 再看ESM打包产物之前，我们先看

我们都知道esm和commonjs是JavaScript编程中的模块规范。在了解它们之前，我们先逐步了解为什么需要模块化。 没有模块化的世界 小明正在参与一个系统的开发👇 到这里也还没什么，可随着项目

CommonJS 是 Node 中的一种模块化规范，其是一种运行在 Node 环境下的代码，这种代码是不能直接运行到浏览器环境中的。但是在日常使用 webpack 的项目中不用做额外的处理，我们也能使