首页 > Web开发 > 详细

webpack-自定义plugin

时间:2020-06-12 21:07:03      阅读:50      评论:0      收藏:0      [点我收藏+]

Plugin:开始打包,在某个时刻,帮助我们处理一些什么事情得机制

Plugin是一个类,里面包含一个apply函数,接受一个参数compiler(compiler包含打包过程得很多信息,比如生命周期的钩子)

官方文档:https://webpack.js.org/contribute/writing-a-plugin/

##copyright-webpack-plugin

class CopyrightWebpackPlugin {
    constructor(options){
        console.log(options)
    }
    apply(compiler){
        //官网有很多钩子,我们以emit为例
        compiler.hooks.emit.tapAsync(//异步操作的例子
            "CopyrightWebpackPlugin",
            (compilation,cb) => {
                compilation.assets["copyright.txt"] = {  //打包后创建一个新文件 打包后会在dist下多一个copyright.txt文件  内容为 hello copy
                    source:function(){
                        return "hello copy"
                    },
                    size:function(){
                        return 20;
                    }
                };
                cb()
            }
        )
        //同步的例子
        compiler.hooks.compile.tap(
            "CopyrightWebpackPlugin",
            compilation => {
                console.log("开始了")
            }
        )
    }
}

module.exports = CopyrightWebpackPlugin

 

##webpack.config.js

const copyrightWebackPlugin = require(‘./myPlugins/copyright-webpack-plugin.js‘)

module.exports = {
    plugins:[
        new copyrightWebackPlugin({
            ‘name‘:‘Joy‘
        })
    ]
}

 

webpack-自定义plugin

原文:https://www.cnblogs.com/znLam/p/13110076.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!