如何在 nativescript main-page.js 的 web 视图中包含本地 html 文件？

Question

是否可以在 nativescript webview 中添加本地 html 文件？ 如果是，我该如何使用 javascript ？ 当我添加在线页面时，它可以工作，我可以在 web 视图中添加 www.google.com 。但是我想添加一个本地页面，但我找不到这样做的方法。

Answer 1

是的，这是可能的。您需要考虑默认情况下所有 NativeScript 应用程序都是使用 Webpack 构建的，并且默认的 webpack.config.js 将处理某些文件（像 fonts 文件夹中的那些，或者像所有带有 *.png 和 *..jpg 扩展名的图像）。 webpack 构建将捆绑所有 JavaScript 文件，并且在 Angular 风格的情况下，还将在认知上包含 Angular 相关的 HTML 文件。但是，默认的 webpack.config.js 不会“知道”您的自定义 HTML 文件。

解决方案是让 Webpack 知道它应该复制特定的 HTML 文件。这应该通过 webpack.config.js 文件中的 CopyWebpackPlugin 部分来完成。

示例（假设我们在 app 目录中有一个名为 test.html 的文件）

    new CopyWebpackPlugin([
        { from: { glob: "test.html" } }, // HERE
        { from: { glob: "fonts/**" } },
        { from: { glob: "**/*.jpg" } },
        { from: { glob: "**/*.png" } },
    ], { ignore: [`${relative(appPath, appResourcesFullPath)}/**`] }),

对于现实生活中的示例，请参阅this config，其中this HTML file 是我们的目标。