JavaScript loader原理简单总结示例解析

// context 文件内容
// map SourceMap （传入SourceMap传入的相关数据）
// meta 其他loader 传的参数
module.exports = function (context,map,meta){
    console.log(context
    return context
}

// 第一种
module.exports = function (context,map,meta){
    console.log(context)
    return context
}
// 第二种  （如有下一个loader 需要处理可以采用这种）
module.exports = function (context,map,meta){
    // 一个参数  如果有错误信息，就传错误信息  如果没有  就是null
    // context 文件内容
    // map SourceMap （传入SourceMap传入的相关数据） 继续传递 SourceMap
    // meta 其他loader 传的参数
    this.call(null, context, map, meta)
}

module.exports = function (context,map,meta){
    const callback = this.async()
    setTimeout(()=>{
        callback(null, context, map, meta)    
    }, 1000)
}

module.exports = function loader(context,map,meta){
    console.log(context)
    return context
}
module.exports.raw = true

module.exports = function loader(context,map,meta){
    console.log(context)
    return context
}
module.exports.pitch = function (){
    console.log(pitch)
}