У меня есть следующая структура проекта
/
-- dest/
-- public/
---- widget.html
-- src/
---- runner.ts
---- runner.scss
---- widget/
------ components/
-------- ComponentA.vue
-------- ComponentB.vue
------ App.vue
------ widget.ts
Моя цель:
- связывает приложение Vue в
src/widget -> dest/widget, используя public/widget.html as the entry`
- связка
src/runner.ts -> dest/runner.js
- связка
src/runner.scss -> dest/runner.css
Я буду загружать runner.js на моем сайте (верхний колонтитул). runner.js создаст iframe и загрузит dest/widget.html в источник iframe, который, в свою очередь, загрузит приложение внутри iframe. runner.js также загрузит runner.css и вставит его на страницу (динамически, вне потока объединения)
проблемы:
- , поскольку Parcel форсирует хэши файлов, я не понимаю, как
runner.ts может ссылаться на widget.html, если хэш продолжает изменяться
- Могу ли я выполнить весь этот набор требований в одном пакете / конфигурации?
Я понимаю, что это довольно необычное требование, но это то, что нужно приложению, и это то, что должно произойти, мне просто нужна помощь, чтобы найти решение, чтобы достичь этого правильным способом, без взлома или сумасшедших вещей :)