如何在 nativescript main-page.js 的 webview 中包含本地 html 文件?

How to inciude a local html file in a webview in nativescript main-page.js?

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

是的,这是可能的。您需要考虑所有 NativeScript 应用程序默认使用 Webpack 和默认 webpack.config.js 将处理某些文件(比如 fonts 文件夹中的文件,或者像所有带有 *.png 和 *..jpg 扩展名的图像). webpack 构建将捆绑所有 JavaScript 文件,在 Angular 风格的情况下,还将认知地包括 Angular 相关的 HTML 文件。但是,默认 webpack.config.js 不会 "know" 关于您的自定义 HTML 文件。

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

示例(假设我们在app[=31=中有一个名为test.html的文件]目录)

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

有关现实生活中的示例,请参阅 this config where this HTML file 是我们的目标。