在使用ReactJS开发Chrome扩展程序时,如何快速测试更改?

时间:2017-12-08 18:57:23

标签: javascript node.js reactjs npm google-chrome-extension

我正在尝试使用npm run来测试我的Chrome扩展程序,但是我得到的错误是“chrome”未定义。

我使用他们的API来存储使用chrome.storage.sync的用户数据,运行时检查chrome.runtime.lastError以及chrome.tabs.query(...)等标签信息。

目前问题是我需要1)npm run build,2)在“扩展”标签中上传/刷新扩展程序,然后最后查看是否应用了更改,或者是否存在任何问题。< / p>

我找到了一个允许我使用名为chrome-storagehttps://www.npmjs.com/package/chrome-storage)的存储的npm包,但我假设有更好的方法可以做到这一点?我只是想在我的IDE中进行更改并让它自动更新浏览器窗口,以便我看到更改(我通常从reactjs获得)。

1 个答案:

答案 0 :(得分:0)

  

我只是想在我的IDE中进行更改并让它自动更新   浏览器窗口所以我看到了变化(我通常从reactjs获得)。

您似乎想要一个支持“热重载”功能的样板。例如,检查一下:react-chrome-extension-boilerplatecrossbuilder。但根据我的经验,您仍然需要在浏览器中重新加载当前页面以查看更改(取决于更改的类型)。