引导者本文目录一览：
怎样使用webpack源码loader机制
loader 可以使webpack原理你在 import 或"webpack原理；加载模块时预处理文件。因此，loader 类似于其他构建工具中“任务(task)”，并提供webpack原理了处理前端构建步骤的强大方法。
我们可以选择使用file-loader来处理，也可以选择直接使用webpack5的资源模块类型来处理。
修改配置文件webpack原理：模块 loader 可以链式调用。链中的每个 loader 都将对资源进行转换。链会逆序执行。第一个 loader 将其结果（被转换后的资源）传递给下一个 loader，依此类推。
首先在src同级目录新建一个loader文件夹，里面新建一个replaceLoader.js。
Webpack 也如此，提供了一套 Loader API，可以通过在 node module 中使用 this 来调用，如 this.callback(err， value…)，这个 API 支持返回多个内容的结果给下一个 Loader 。
webpack使用HtmlWebpackPlugin进行cdn配置
其实使用cdn就是在webpack热启动打包的时候动态插入脚本和样式链接。为了维护方便，我们在build/utils.js文件中增加了几个方法，以后可以在webpack.dev.conf.js和webpack.prod.conf.js上使用。
使用cdn其实也就是在webpack热启动和打包项目的时候动态插入script和style链接 ，为了方便维护，我们通过在 build/utils.js 文件上添加几个方法，将来在 webpack.dev.conf.js 和 webpack.prod.conf.js 上可以使用。
不管通过哪种路径设置 output.publicPath ，都只是影响 HtmlWebpackPlugin 和 MiniCssExtractPlugin 生成的文件中引用其他资源的路径。具体能不能根据资源路径访问到相应的资源，还得正确的部署 output.path 目录到服务器。
webpack简单配置,路由配置,接口拦截配置,基本文件配置
webpack 开箱即用，可以无需使用任何配置文件。webpack 会假定项目的入口起点为 src/index.js ，然后会在 dist/main.js 输出结果，并且在生产环境开启压缩和优化。
webpackConfig.plugins.push(plugin)；})路由配置 在多页应用下，我们希望访问的是localhost：8080/a，而不是localhost：8080/a.html。
resolve.alias文档地址 https：//doc.webpack-china.org/configuration/resolve/#resolve-alias创建 import 或 require 的别名，来确保模块引入变得更简单。
Webpack 的运行流程是一个串行的过程，从启动到结束会依次执行以下流程 ：初始化参数：从配置文件和 Shell 语句中读取与合并参数，得出最终的参数。
）router：前端路由，我们需要配置的路由路径写在index.js里面；4）App.vue：根组件；5）main.js：入口js文件；static：静态资源目录，如图片、字体等。
