包裹+ Vue多捆装

Question

我具有以下项目结构

/
-- dest/
-- public/
---- widget.html
-- src/
---- runner.ts
---- runner.scss
---- widget/
------ components/
-------- ComponentA.vue
-------- ComponentB.vue
------ App.vue
------ widget.ts

我的目标是：

1. 使用src/widget条目在dest/widget-> public/widget.html as the下捆绑Vue应用
2. 捆绑src/runner.ts-> dest/runner.js
3. 捆绑src/runner.scss-> dest/runner.css

我将在自己的网站上加载runner.js（页脚的标题）。 runner.js将创建一个iframe，并将dest/widget.html加载到iframe源中，这反过来又会将应用加载到iframe中。 runner.js还将加载runner.css并将其注入到页面中（动态地，在捆绑流之外）

问题：

1. 由于Parcel强制使用文件哈希，因此我不明白如果哈希值不断变化，runner.ts如何引用widget.html
2. 我可以在单个捆绑器/配置中完成全部需求吗？

我了解这是非常不寻常的要求，但这是应用程序需要做的，这是需要发生的事情，我只需要帮助找到解决方案即可以正确的方式实现此目的，而无需黑客或做疯狂的事情:)