chrome拡張機能としてreact（webpackを使用）を実行する方法

Question

私はクローム拡張機能を構築していますが、私はそれを構築するために反応を使用したいと思います。私はmanifest.jsonを動作させるために、どのように設定する必要があるのか​​分かりません。

これは私の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。しかし、拡張機能をクリックするとアプリが開くようにしたい。これどうやってするの？ localhostへのパスを参照する必要がありますか？

現時点では、私の内線を実行すると、index.htmlファイルがロードされますが、何も描画されません。誰かがこれを行う方法を説明することはできますか？

EDIT

"のsrc/index.htmlを" へのmanifest.jsonを中

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

Answer 1

変更default_popup ...私はまた、次のことを試してみましたが、それはうまくいきませんでした。

必ず拡張子を梱包する前に、あなたのコードを構築し、また、バベルコアとのWebPACK-devのサーバーは、ここでpackage.json

から欠落していた代わりにのWebPACK-devのサーバー

のWebPACKのを使用作業延長のスクリーンショットは、次のとおりです。開発の

スクリーンショット：

あなたはnode_modulesフォルダを除外し、あなたの拡張機能を公開すると、新しいフォルダを作成します（あなただけの後NPMの実行がを構築）

ここで更新されたコードとのリンクです：https://drive.google.com/open?id=0ByrxEyIevnFmNXlDZERaRTBMSlE

アンパックされた拡張機能をロードする前に、npm installとnpm run buildを実行することを忘れないでください。

さらなるヘルプが必要な場合は、コメントしてください。