webpack 自定义loader+自定义plugin

module.exports=function(source){       // 创建一个文件中建立js文件
    return source.replace("dell","dellLee");
}

    module:{                           // 在webpack的配置中引入就可以了
        rules:[{
            test:/\.js/,
            use:[path.resolve(__dirname,"./loaders/replaceLoader.js"),]
        }]
    },
class copyrightwebpackPlugin {
    constructor(options){       // 执行信息
        console.log(options);
    }
    apply(compiler){
        // 在打包dist目录时 新建一个txt文件并且写入文字
        compiler.hooks.emit.tapAsync("copyrightwebpackPlugin",(compilation,cb)=>{
            compilation.assets['copyRight.txt']={
                source:function(){
                    return "copyright by dell lee"
                },
                size:function(){
                    return 21
                }
            };
            cb();
        })
    }
}

module.exports = copyrightwebpackPlugin    //自定义一个并且引出

在webpack默认配置中 的 plugins放入
const CopyRightWebpackPlugin=require('./plugins/copyright-webpack-plugin');

    plugins:[
        new CopyRightWebpackPlugin()
    ],

6结束

你可能感兴趣的:(webpack)