Расположение пакета webpack в файле index.html при локальном обслуживании в веб-представлении Nativescript

Question

У меня есть проект NativeScript и проект Angular. Я создаю гибридное приложение. Я использую WebView и помещаю все мои связанные файлы из моего проекта Angular в папку в моем проекте NativeScript.

При сборке проекта Angular я динамически переписываю базовый href следующим образом:

<script>document.write('<base href="' + document.location + '" />');</script>

Вот как я загружаю файлы комплектов.

let webview: WebView = this.webViewRef.nativeElement;
oWebViewInterface = new webViewInterfaceModule.WebViewInterface(
webview,
'~/www/app/index.html')

Это прекрасно работает! Но когда я использую --bundle и добавляю в пакет Webpack, мой базовый href перестает работать, и я получаю ошибку FILE NOT FOUND в моей консоли.

Где находится новый путь?

Answer 1

Поскольку вы используете Webpack для связывания приложения, а Webpack игнорирует все, что, по его мнению, не имеет значения, вы должны сказать, что ваши www-источники вообще не имеют значения.

Откройте webpack.config.js и найдите CopyWebpackPlugin. Возможно, он уже содержит такие правила, как {from: "fonts/**"}, поэтому в вашем случае добавьте {from: "www/**"}, и все будет в порядке.