webpack学习系列(十二)之loader1. 作为webpack的依赖，webpack中使用它执行loader 2.

module.exports = function(source){//代码
    return source;
}

函数组合的两种情况：unix中的pipline，Compose(webpack采用的是这种)

compose= （f, g） => (...args) => f(g(...args))

新建webpack配置，引入两个自定义的loader

npm run build

loader的本地开发

作用：

1. 作为webpack的依赖，webpack中使用它执行loader

2. 进行loader的开发和调试

练习：

1.修改run-loader文件里面的loaders配置

2. 修改raw-loader文件

3. node run-loader 检测结果，可以读取loader的options配置

1. loader内直接通过throw抛出

2. this.callback，loader的上下文回调函数

this.callback(
    err:Error | null,
    content:string | Buffer,
    sourceMap?:SourceMap,
    meta?:any
)

通过this.async来返回一个异步函数

1.第一个参数是Error, 第二个参数是处理的结果

module.exports = function(input){
    const callback = this.async()

    callback(null, input + input)
}

webpack中默认开启loader缓存

可以使用this.cacheable（false）来关掉，

缓存条件：loader的结果再相同的输出条件下有确定的输出

如果laoder存在依赖，那么该loader无法使用缓存

this.emitFile(url,content)

在a-loader中加入注释掉this.emit则不会有index.js文件产生

[name].[ext]是匹配文件，并把内容进行输出。