loaderContext上有些属性通过Object.defineProperty定义，是因为这些是动态属性，每次去取值时都不一样，例如：

    1. Object.defineProperty(loaderContext, 'remainingRequest', {
    2.   get() {//request = 所有的loader!要加载的模块
    3.     return loaderContext.loaders.slice(loaderContext.loaderIndex + 1).map(loader => loader.path).concat(loaderContext.resource).join('!')
    4.   }
    5. });

    源码中，loader的pitch处理完之后，会再次进入iteratePitchLoaders递归执行，然后再判断currentLoaderObject.pitchExecuted，索引增加，即每个loader进两次iteratePitchLoaders方法

    1. function iteratePitchLoaders(options, loaderContext, runLoadersCallback) {
    2.       //获取当前的索引对应的loader
    3.     let currentLoaderObject = loaderContext.loaders[loaderContext.loaderIndex];
    4.       //如果说当前的loader已经执行过了,则执行下一个loader对应的pitch
    5.     if (currentLoaderObject.pitchExecuted) {
    6.         loaderContext.loaderIndex++;
    7.         return iteratePitchLoaders(options, loaderContext, runLoadersCallback);
    8.     }
    9.       loadLoader(currentLoaderObject, () => {
    10.       let fn = currentLoaderObject.pitch;//获取当前的loader的pitch函数
    11.       currentLoaderObject.pitchExecuted = true;//表示当前的loader的pitch函数已经执行过了
    12.       if (!fn) {//如果当前的loader没有pitch,直接执行下一个loader的pitch方法 
    13.           return iteratePitchLoaders(options, loaderContext, runLoadersCallback);
    14.       }
    15.     })
    16. }

    但其实，也可以写成

    1. function iteratePitchLoaders(options, loaderContext, runLoadersCallback) {
    2.       //获取当前的索引对应的loader
    3.     let currentLoaderObject = loaderContext.loaders[loaderContext.loaderIndex];
    4.       loadLoader(currentLoaderObject, () => {
    5.       let fn = currentLoaderObject.pitch;//获取当前的loader的pitch函数
    6.       if (!fn) {//如果当前的loader没有pitch,直接执行下一个loader的pitch方法 
    7.               loaderContext.loaderIndex++;
    8.           return iteratePitchLoaders(options, loaderContext, runLoadersCallback);
    9.       }
    10.     })
    11. }

    loader有同步的，有异步的，如果是异步的，loader内部需要调用async方法，async方法的执行会将runSyncOrAsync里的isSync改成false，并直接返回undefined，在异步处理完后再调用loaderContext的callback回调，在callback中，会继续执行下一个loader或最终的处理

    2. /**
    3.  * 把loader转成loader对象
    4.  * @param {*} loader loader的绝对路径
    5.  */
    6. function createLoaderObject(loader) {
    7.     let module = require(loader);
    8.     let normal = module;
    9.     let pitch = module.pitch;
    10.     let raw = module.raw;
    11.     let loaderObject = {
    12.         path: loader, //loader的绝对路径
    13.         normal,//loader的normal函数
    14.         pitch, //loader的pitch函数
    15.         raw,//是否要转成Buffer, raw=true参数就要转成Buffer,raw=false参数就要转成字符串,file-loader和url-loader会用到
    16.         data: {},//每个load都有一个自己的data自定义对象,用来可以存放一些自定义的数据
    17.         pitchExecuted: false,//此loader的pitch方法是否已经执行过了
    18.         normalExecuted: false,//此loader的normal方法是否已经执行过了
    19.     }
    20.     return loaderObject;
    21. }
    22. function iterateNormalLoaders(options, loaderContext, args, runLoadersCallback) {
    23.     if (loaderContext.loaderIndex < 0) {
    24.         return runLoadersCallback(null, ...args);
    25.     }
    26.     let currentLoaderObject = loaderContext.loaders[loaderContext.loaderIndex];//获取当前的索引对应的loader
    27.     if (currentLoaderObject.normalExecuted) {//如果说当前的loader已经执行过了,则执行下一个loader对应的pitch
    28.         loaderContext.loaderIndex--;
    29.         return iterateNormalLoaders(options, loaderContext,args, runLoadersCallback);
    30.     }
    31.     let fn = currentLoaderObject.normal;//获取当前的loader的normal函数，如果loader是合法的，那么normal方法就一定存在
    32.     currentLoaderObject.normalExecuted = true;//表示当前的loader的normal函数已经执行过了
    33.     // 如果这个loader有normal方法
    34.     //fn可以同步也可以异步
    35.     convertArgs(args, currentLoaderObject.raw);
    36.     runSyncOrAsync(fn, loaderContext, args, (err, ...args) => {//args可能有值,也可有没有值,可能有一个值,也可能有多个值 
    37.         if (err) return runLoadersCallback(err);
    38.         return iterateNormalLoaders(options, loaderContext, args, runLoadersCallback);
    39.     });
    40. }
    41. function convertArgs(args, raw) {
    42.     if (raw && !Buffer.isBuffer(args[0])) {
    43.         args[0] = Buffer.from(args[0]);//如果这个normal函数想要buffer,但是参数不是Buffer
    44.     } else if (!raw && Buffer.isBuffer(args[0])) {//想要字符串，但是是个buffer
    45.         args[0] = args[0].toString('utf8');
    46.     }
    47. }
    48. function processResource(options, loaderContext, runLoadersCallback) {
    49.     options.readResource(loaderContext.resource, (err, buffer) => {
    50.         loaderContext.loaderIndex = loaderContext.loaders.length - 1;
    51.         options.resourceBuffer = buffer;//要加载的文件的原始文件内容
    52.         iterateNormalLoaders(options, loaderContext, [buffer], runLoadersCallback);
    53.     });
    54. }
    55. function iteratePitchLoaders(options, loaderContext, runLoadersCallback) {
    56.     //如果当前索引已经 大于等loader的数量了,则表示所有的loader pitch执行完了
    57.     if (loaderContext.loaderIndex >= loaderContext.loaders.length) {
    58.         return processResource(options, loaderContext, runLoadersCallback);
    59.     }
    60.     let currentLoaderObject = loaderContext.loaders[loaderContext.loaderIndex];//获取当前的索引对应的loader
    61.     if (currentLoaderObject.pitchExecuted) {//如果说当前的loader已经执行过了,则执行下一个loader对应的pitch
    62.         loaderContext.loaderIndex++;
    63.         return iteratePitchLoaders(options, loaderContext, runLoadersCallback);
    64.     }
    65.     let fn = currentLoaderObject.pitch;//获取当前的loader的pitch函数
    66.     currentLoaderObject.pitchExecuted = true;//表示当前的loader的pitch函数已经执行过了
    67.     if (!fn) {//如果当前的loader没有pitch,直接执行下一个loader的pitch方法 
    68.         return iteratePitchLoaders(options, loaderContext, runLoadersCallback);
    69.     }
    70.     // 如果这个loader有pitch方法
    71.     //fn可以同步也可以异步
    72.     runSyncOrAsync(fn, loaderContext, [
    73.         loaderContext.remainingRequest, loaderContext.previousRequest, loaderContext.data
    74.     ], (err, ...args) => {//args可能有值,也可有没有值,可能有一个值,也可能有多个值 
    75.         if (args.length > 0 && args.some(item => !!item)) {//有任何一个有值就可以
    76.             //跳过后续的pitch和读文件,直接掉头执行前一个loader的normal
    77.             loaderContext.loaderIndex--;
    78.             iterateNormalLoaders(processOptions, loaderContext, returnArgs, pitchingCallback);
    79.         } else {
    80.             return iteratePitchLoaders(options, loaderContext, runLoadersCallback);
    81.         }
    82.     });
    83. }
    84. /**
    85.  * 以同步或者异步的方式执行fn
    86.  * context.fn(args);callback()
    87.  * @param {*} fn 要执行的函数
    88.  * @param {*} context fn执行的时候的this指针
    89.  * @param {*} args 传递给fn的参数
    90.  * @param {*} callback fn执行完成后的回调 
    91.  */
    92. function runSyncOrAsync(fn, context, args, callback) {
    93.     let isSync = true;//默认是同步执行
    94.     context.callback = (...args) => {
    95.         callback(null, ...args);
    96.     }
    97.     context.async = () => {
    98.         isSync = false;//把同步变成异步
    99.         return context.callback;
    100.     }
    101.     var result = fn.apply(context, args);//用指定的参数和this对象执行函数,返回一个结果
    102.     // isSync为true表示是同步,同步意味着执行完当前函数后,会直接自动执行callback回调
    103.     // isSync为false表示是同步,那意味着扫行当前函数后什么都不做了
    104.     if (isSync) {
    105.         if (result === undefined) {
    106.             return callback();
    107.         } else {
    108.             return callback(null, result);
    109.         }
    110.     }
    111. }
    113. function runLoaders(options, finalCallback) {
    114.     let resource = options.resource;//加载的文件 src\index.js
    115.     let loaders = options.loaders || [];//
    116.     let loaderContext = options.context || {};//loader函数执行时的上下文对象
    117.     let readResource = options.readResource || fs.readFile;//用来读加载的文件的方法
    118.     let loaderObjects = loaders.map(createLoaderObject);
    119.     loaderContext.resource = resource;//加载的文件
    120.     loaderContext.readResource = readResource;
    121.     loaderContext.loaders = loaderObjects;
    122.     loaderContext.loaderIndex = 0;//当前正在执行的loader的索引
    123.     loaderContext.callback = null;//后面在执行 loader的时候会赋值 返回多个值
    124.     loaderContext.async = null;//后面在执行 loader的时候会赋值 把loader的执行从同步变成异步
    125.     Object.defineProperty(loaderContext, 'request', {
    126.         get() {//request = 所有的loader!要加载的模块
    127.             return loaderContext.loaders.map(l = l.path).concat(loaderContext.resource).join('!')
    128.         }
    129.     });
    130.     Object.defineProperty(loaderContext, 'remainingRequest', {
    131.         get() {//request = 所有的loader!要加载的模块
    132.             return loaderContext.loaders.slice(loaderContext.loaderIndex + 1).map(loader => loader.path).concat(loaderContext.resource).join('!')
    133.         }
    134.     });
    135.     Object.defineProperty(loaderContext, 'currentRequest', {
    136.         get() {//request = 所有的loader!要加载的模块 currentRequest 不是仅仅自己,而包括自己和后续的
    137.             return loaderContext.loaders.slice(loaderContext.loaderIndex).map(loader => loader.path).concat(loaderContext.resource).join('!')
    138.         }
    139.     });
    140.     Object.defineProperty(loaderContext, 'previousRequest', {
    141.         get() {//从第一个loader到当前的loader,不包含当前的loader
    142.             return loaderContext.loaders.slice(0, loaderContext.loaderIndex).map(loader => loader.path).concat(loaderContext.resource).join('!')
    143.         }
    144.     });
    146.     Object.defineProperty(loaderContext, 'data', {
    147.         get() {//从第一个loader到当前的loader,不包含当前的loader
    148.             return loaderContext.loaders[loaderContext.loaderIndex].data;
    149.         }
    150.     });
    151.     let processOptions = {
    152.         resourceBuffer: null,//存放原始内容对应的Buffer 用loader转换前的内容Buffer
    153.         readResource  //fs.readFile
    154.     }
    155.     //开始从左往后执行每个loader的pitch方法
    156.     iteratePitchLoaders(processOptions, loaderContext, (err, result) => {
    157.         finalCallback(
    158.             err, {
    159.             result,
    160.             resourceBuffer: processOptions.resourceBuffer
    161.         }
    162.         );
    163.     });
    164. }
    167. exports.runLoaders = runLoaders;
    168. /**
    169. [
    170.   'post1-loader',//loader的绝对路径
    171.   'post2-loader',
    172.   'inline1-loader',
    173.   'inline2-loader',
    174.   'normal1-loader',
    175.   'normal2-loader',
    176.   'pre1-loader',
    177.   'pre2-loader'
    178. ]
    179.  */