Как включить локальный файл html в веб-просмотр на главной странице nativescript. js?

Question

Можно ли добавить локальный файл html в веб-просмотр nativescript? Если да Как я могу сделать это, используя javascript? Когда я добавляю онлайн-страницу, она работает, я могу добавить www.google.com в веб-просмотр, это работает. Но я хочу добавить локальную страницу, но Я не нахожу способ сделать это.

Answer 1

Да, это возможно. Необходимо учитывать, что все приложения NativeScript по умолчанию создаются с Webpack , а по умолчанию webpack.config. js позаботится об определенных файлах (например, они находятся в папке шрифты или как все изображения с расширениями * .png и * .. jpg). Сборка веб-пакета объединит все файлы JavaScript и, в случае разновидности Angular, также будет когнитивно включать Angular связанные HTML файлы. Тем не менее, по умолчанию webpack.config. js не будет «знать» о вашем пользовательском файле HTML.

Решение состоит в том, чтобы дать Webpack знать, что ему следует скопировать указанный c HTML файл. Это должно быть сделано с помощью CopyWebpackPlugin раздела webpack.config. js file.

Пример (при условии, что у нас есть файл с именем test. html в каталоге app )

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

Реальный пример см. this config где этот HTML файл - тот, на который мы нацелены.