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

Question

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

Answer 1

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

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

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

    new CopyWebpackPlugin([

        { from: { glob: "test.html" } }, // HERE

        { from: { glob: "fonts/**" } },

        { from: { glob: "**/*.jpg" } },

        { from: { glob: "**/*.png" } },

    ], { ignore: [`${relative(appPath, appResourcesFullPath)}/**`] }),