在 Nativescript webview 上本地服务时 index.html 的 Webpack 捆绑位置答案

【问题标题】：Webpack bundle location of index.html when serving locally on Nativescript webview在 Nativescript webview 上本地服务时 index.html 的 Webpack 捆绑位置
【发布时间】：2018-08-31 16:07:09
【问题描述】：

我有一个 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 错误。

新路径在哪里？

【问题讨论】：

标签： angular typescript webpack nativescript

【解决方案1】：

由于您使用 Webpack 来捆绑应用，而 Webpack 会忽略它认为不相关的任何内容，因此您必须告诉它您的 www 来源根本不是无关紧要的。

打开webpack.config.js 并查找CopyWebpackPlugin。它可能已经包含{from: "fonts/**"} 之类的规则，因此在您的情况下添加{from: "www/**"} 应该没问题。

【讨论】：