webpack 自定义loader+自定义plugin

最新推荐文章于 2024-05-09 15:48:58 发布

qq_38674970

最新推荐文章于 2024-05-09 15:48:58 发布

阅读量372

点赞数

分类专栏： webpack

本文链接：https://blog.csdn.net/qq_38674970/article/details/103465012

版权

webpack 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

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结束