在阴影dom中包含webpack dist css文件

我最近开始使用shadow dom，作为其中的一部分，我使用以下代码包括我的样式表：

const stylesheet=document.createElement（'link'）；
setAttribute（'rel'，'stylesheet'）；
stylesheet.setAttribute（'href'，'/css/shadow dom.css'）
appendChild（样式表）；

但是，这意味着我必须手动将已编译的sass文件从webpack已分块的dist css文件复制、粘贴并重命名到css文件夹中

[name].[contenthash].css

-例如，我必须手动移动并重命名

/dist/shadow.cf0ecb9daad8a3e0abea.css

到

当我创建影子dom时，有没有一种方法可以直接读取或引用分块文件，这样我就不必在每次更改和重建网页包时手动复制、粘贴和重命名它

请注意，我无法删除内容哈希，因为我没有回答我的其他问题：

/css/shadow-dom.css