我正在写一个Webpack插件，它应该用Webpack生成的CSS文件列表替换部分JS代码。镜像此JS代码：

ReactWebComponent.create(<App />, 'react-web-component', { injectReactWebComponent: true });

字符串
我想将injectReactWebComponent: true部分替换为

injectReactWebComponent: '<link href="static/css/main.cacbacc7.css" rel="stylesheet">'

型
而链接标签是由Webpack生成的文件。
我的（工作）代码如下：

ReactWebComponent.prototype.apply = function(compiler) {
  compiler.plugin('emit', function(compilation, callback) {
    const cssFiles = Object.keys(compilation.assets)
        .filter(fileName => /\.css$/.test(fileName));

    const jsFiles = Object.keys(compilation.assets)
        .filter(fileName => /\.js$/.test(fileName));

    const cssLinkTagsAsString = cssFiles
        .map(fileName => `<link href="${fileName}" rel="stylesheet">`)
        .join('');

    jsFiles.forEach(fileName => {
      compilation.assets[fileName].children.forEach(child => {
        if (child._value) {
          child._value = child._value.replace(/injectReactWebComponent\s*:\s*true/g, `injectReactWebComponent: \'${cssLinkTagsAsString}\'`);
        }
      });
    });

    callback();
  });
};

module.exports = ReactWebComponent;

型
看到我排队的地方吗

child._value = child._value.replace(...)

型
我直接重写了来源。
但这似乎不适合我。看起来我正在转换的代码已经生成了，不应该再转换了。我也很确定我用这个打破了源Map。
所以我想知道，什么是一个合适的方式来实现我正在做的事情？
我猜对于转换部分，我应该使用loader，但是加载器不知道生成的文件名，或者他们知道吗？
任何帮助将不胜感激！