webpack-plugin编写文件列表生成

瓜皮伦

于 2022-04-22 21:38:15 发布

阅读量503

点赞数

CC 4.0 BY-SA版权

分类专栏： webpack 文章标签： webpack

本文链接：https://blog.csdn.net/qq_39341415/article/details/124355556

webpack 专栏收录该内容

8 篇文章

订阅专栏

webpack-plugin编写文件列表生成

module.exports = class FileListPlugin {
    apply(compiler){
        //在这里注册事件,类似于window.onload
        compiler.hooks.emit.tap('FileListPlugin-emit',(compilation) => {
           
            let fileList = [];
            //compilation.assets可以拿到最终打包之后的文件目录
            for (const key in compilation.assets) {
                let content = `[${key}]大小:${compilation.assets[key].size() / 1000}KB`
                fileList.push(content);
            }
            let str = fileList.join('\n');
           compilation.assets['fileList.txt'] = {
               source(){
                   return str;
               },
               size(){
                   return str.length;
               }
           }
        })
    }
}