Как запустить реакцию (используя webpack) в качестве расширения хрома

Я создаю расширение chrome, но я хочу использовать реакцию на его создание. Я не уверен, как мне нужно настроить мой manifest.json, чтобы заставить его работать.Как запустить реакцию (используя webpack) в качестве расширения хрома

Это мой manifest.json файл ...

{ 
    "name": "Get pages source", 
    "version": "1.0", 
    "manifest_version": 2, 
    "description": "Get pages source from a popup", 
    "browser_action": { 
    "default_popup": "./src/index.html" 
    }, 
    "permissions": ["tabs", "<all_urls>"] 
}

Теперь путь, который я запускаю мое приложение локально, это со следующим сценарием в package.json ...

"scripts": { 
    "dev": "webpack-dev-server --content-base src --inline --hot" 
}

Моего приложение отображает на localhost:8080. Однако я хочу, чтобы приложение открывалось, когда я нажимаю на расширение. Как я могу это сделать? Нужно ли ссылаться на путь к локальному хосту?

На данный момент, когда я запускаю расширение, загружается файл index.html, но ничего не отображается. Может кто-нибудь объяснить, как это сделать?

EDIT

Я также попытался следующие, но это не сработало ...

"browser_action": { 
    "default_popup": "http://localhost:8080/src/index.html" 
},

источник

2016-10-27 Bolboa

Расширения должны включать все код и страницы, такие как всплывающее окно в локальном каталоге, иначе вам придется использовать iframe. Это много примеров. – wOxxOm

Разве ваше расширение Chrome работает только на ** вашем компьютере? Или это то, что вы хотите отправить в Интернет-магазин Chrome? – arthurakay

@wOxxOm, что вы имеете в виду, включите его в пакет? Как и включить их в мой файл манифеста? – Bolboa

Изменить default_popup в manifest.json к "SRC/index.html".

Всегда строить свой код перед упаковкой расширения и использовать WebPack вместо WebPack-DEV-сервер

Также столпотворение-ядро и WebPack-DEV-сервер отсутствовали package.json

Здесь скриншот рабочего расширения:

Скриншот развития:

Создайте новую папку при публикации расширение, которое исключает node_modules папки (только после того как вы НПМ перспективе построить)

Вот ссылка с обновленным кодом: https://drive.google.com/open?id=0ByrxEyIevnFmNXlDZERaRTBMSlE

Пожалуйста, не забудьте запустить npm install и npm запустить сборку перед загрузкой распакованного расширения.

Комментарий, если потребуется какая-либо дополнительная помощь.

источник

2016-11-05 14:32:13 Dhyey

Как запустить реакцию (используя webpack) в качестве расширения хрома

ответ

Смежные вопросы