webpack编写第一个插件

插件就是在webpack打包运行的各个时期，增加webpack的功能

1、在项目目录下新建addFlagPlugin.js文件，内容如下

class addFlagPlugin {
    constructor() {

    }
    apply(complier) {
        complier.hooks.emit.tapAsync('addFlagPlugin', (compilation, callback) => {
            // console.log(compiler.assets);
            compilation.assets['flag.txt'] = {  //flag.txt是文件名
                source: function () {   //source代表文件内容
                    return 'flag txt'
                },
                size: function () {   //size代表字符长度
                    return 8
                }
            }

            callback();
        })
    }
}
module.exports = addFlagPlugin

2、因为plugin的写法是class，所以webpack中使用插件需要new ，在webpack打包配置的plugins中引入、添加上面写的插件，可以看见每次打包都会生成一个flag.txt的文件