webpack 5是否有可能正确地生成一个bundle，并在shadow DOM中注入CSS？如果我尝试加载一些带有新资产的CSS，url不会被转换，但我需要调整它们以与生成的bundle集成。例如，我有一个CSS文件，如下所示：

/* src/components/header.css */
#logo {
  background-image: url('./images/logo.png');
}

如果webpack可以对url进行编码或者替换要嵌入到shadow dom中的url，那就太好了。如果我按如下方式配置webpack：

...
module.rules: [{
  test: /\.css$/,
  oneOf: [
    {
      resourceQuery: /raw/,  // import css from 'path/to/file.css?raw'
      type: 'asset/source',
      use: [
        {loader: 'css-loader'}
      ]
    },{
      ...
    }
  ]
}]
...

加载的字符串不再是CSS，而是一些Webpack脚本。如果我删除了规则中的use部分，CSS将被加载而不会发生任何变化。有任何插件可以使CSS内联并将其作为字符串加载吗？