Cordova + Webpack + Hot Module Replacement (HMR) как настроить для разработки?

440

24 июня 2017, 14:11

Как настроить проект для разработки приложений под Codova, с использованием вебпака, да еще и с горячей заменой модулей HMR. Чтобы при изменении кода, твое приложение на телефоне реалтайм обновлялось?

Answer 1

Ох лол, че придумал, ну короче я просто сделал айфрейм который настраиваю на вебпак дев сервер)))) куда деваться, но если кто-то напишет плагин для кордовы и вебпака, буду благодарен

просто кидаю в файл cordova/www/index.html такой код:

<head>
    <meta charset="UTF-8">
    <meta name='viewport' content='user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width'>
    <title>Dev</title>
    <script type="text/javascript" src="cordova.js"></script>
    <script>
        document.addEventListener("deviceready", init, false)
        function init() {
            var iframe = document.createElement('iframe')
            // мой комп по локальной сети и порт вебпак дев сервера
            iframe.src = 'http://192.168.2.33:1337'
            iframe.style.position = 'absolute'
            iframe.style.width = '100%'
            iframe.style.height = '100%'
            iframe.style.border = 'none'
            document.body.appendChild(iframe)
            document.body.style.margin = '0'
            // пробрасываем внутрь фрейма кордову
            iframe.contentWindow.cordova = window.cordova
            iframe.addEventListener('load', function () {
                iframe.contentWindow.addEventListener('unload', function (){
                    // при попытке вебпака перезагрузить страницу переинициализировать фрейм, и заного установить в него кордову
                    document.body.removeChild(iframe)
                    console.clear()
                    init()
                })
            })
        }
    </script>
</head>

Создание интернет-магазина кондитера в ABCname

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

chrome extension не работает xhr

Пытаюсь в injectjs вызвать xhr get запрос на другой сайт, но в ответ получаю :

516

javascript

если значение Value совпадает с одним из ключей

Есть объект с ключами

396

javascript

Перебор массива каждые 3 элемента

Приветствую! Подскажите пожалуйста, как можно перебирать массив каждые 3 элементаУ меня есть массив var arr = [[1, 2, 3, 4, 5, 6, 7, 8, 9]] Мне нужно через...

416

javascript

Кодировка при выводе ответа от сервера в текстовое поле

С помощью функции fetch (js) получаю ответ от сервераОтвет приходит в виде простой текстовой строки, в которой в моем случае есть символы кириллицы

348