webpack - Webpack - 在开发和生产中复制文件

Question

我编写了一个类似于copy-webpack-plugin 的插件，但提供了一些我需要的扩展功能。本质上，它只是将文件从复制src到dist其中并对它们执行一些操作。

当我运行生产构建时它工作正常，但在我的开发构建中，因为我正在使用devServer并且所有内容都在内存中，所以这不起作用。

我该如何解决这个问题？

标签： webpackwebpack-dev-serverwebpack-plugin

Answer 1

事实证明，解决方案非常简单。您需要做的就是使用compliation.assets添加更多文件，而不是像fs.writeFile. 无论您是从内存还是从文件系统提供文件，这都将起作用。

例如，下面的代码将在path/to/file.ext其中创建一个文件Hello World!：

class MyCoolPlugin {
    apply(compiler) {
        compiler.hooks.emit.tapAsync('MyCoolPlugin', (compilation, done) => {
            compilation.assets['path/to/file.ext'] = {
                source: () => 'Hello World!', // The file's content
                size: () => 10 // Should be the byte size of the content
            };
            done();
        });
    }
}