Webpack 创建网页包插件或加载程序以插入CSS文件

我正在编写一个库，您可以使用它将React应用程序呈现为web组件。像这样：

ReactWebComponent.create(<App />, 'my-react-web-component', { css: 'inject' });

现在我当然不想附加字符串

'inject'

。相反，我想编写一个网页包

插件

或

加载器

，它获取由生成的CSS文件，并在存在

'inject'

的地方注入相应的

标记。所以从

ReactWebComponent.create(<App />, 'my-react-web-component', { css: 'inject' });

ReactWebComponent.create（，'myreactwebcomponent'，{css:'inject'}）；

我想生成这个

ReactWebComponent.create(<App />, 'my-react-web-component', { css: '<link rel="stylesheet" type="text/css" href="styles.a4e5f9.css">' });

ReactWebComponent.create（，'MyReactWebComponent'，{css:'}）；

我认为使用

RegEx

可以很容易地完成替换部分，但是我很难获得CSS文件名以及如何转换JS文件

ReactWebComponent.create(<App />, 'my-react-web-component', { css: '<link rel="stylesheet" type="text/css" href="styles.a4e5f9.css">' });