webpack

通过查看源码了解webpack中是怎么实现最常用的ES Module、CommonJs和互相引用的 查看源码前先设置mode和soucre map，让生成的源码容易阅读 CommonJs模块化原理 m

插件是 webpack 的 支柱 功能。webpack 自身也是构建于你在 webpack 配置中用到的相同的插件系统之上！ 插件目的在于解决 loader 无法实现的其他事。 clean-webpa

file-loader 下载 npm i file-loader -D 配置使用 默认输出到根目录并且是hash处理后的文件名。 配置输出文件名称等 查看其他配置项和占位符 url-loader 下载

在webpack中通过工程化处理兼容问题，例如对css处理的postcss，对js处理的babel等等工具，这些工具又依赖于browserslist收集的浏览器信息 browserslist 在各大框

安装 使用 默认入口 src/index.js 输出 dist/main.js 使用全局依赖打包 webpack 本地依赖打包 npx webpack ./node_modules/.bin/webp