桃花扇的博客

loader本质上是一个函数，将其作为模块，使用CommonJS规则导出，其作用是将某个字符串转换成另一个源码字符串返回，在模块解析的过程中被调用，以得到最终的源码。一般情况不会让我们写一个loader的，而且也有大佬开发好用的loader可以使用，因此我们来了解一下如何配置一个loader。之前讲过一些webpack的其他配置，有问题的话，可以点击这里。打开 webpack.config.js 文件，我们在module属性中对loader进行配置，代码如下module.exports = {

webpack提供的cli支持很多的参数，例如 --mode，但更多时候我们会使用更加灵活的配置文件来控制webpack的行为。默认情况下，webpack会读取webpack.config.js 文件作为配置文件，但也可以通过CLI参数 --config来指定某个配置文件。配置文件中通过CommonJS模块导出一个对象，对象中的各种属性对应不同的webpack配置【注】1）配置文件中的代码，必须是有效的node代码2）当命令行参数与配置文件中的配置出现冲突时，以命令行参数为准基本配置：1

webpack的作用是将源代码编译(构建、打包)成最终代码。整个过程大致分为三个步骤：初始化、编译、输出。1.初始化在该阶段，webpack会将CLI参数、配置文件、默认配置进行融合，形成一个最终的配置对象。对配置的处理过程是依托一个第三方库yargs完成的。此阶段相对比较简单，主要是为接下来的编译阶段做必要的准备。目前，可以简单的理解为，初始化阶段主要用于产生一个最终的配置2.编译1）创建chunkchunk是webpack在内部构建过程中的一个概念，译为：块，表示通过某个入口找到的所