使用 Vuejs 和 Vuecli 构建 Chrome 扩展

Question

我目前正在构建一个带有vuejs前端的 Chrome 扩展。使用vuecli. 直到应用程序开始使用Webextension-API。普通网站无法访问此 API；注册扩展做。

那么，开发具有vuejsusing 功能vuecli（支持 webpack 工具）的-Extension的好设置是什么？什么设置允许测试应用程序？

Answer 1

我建议使用vue-cli-plugin-browser-extension. 请注意，虽然自述文件表明支持 Vue CLI 3.x，但它也适用于 Vue CLI 4.x（使用 4.3.1 测试）。

它支持多项可以为您节省大量时间的功能，包括实时重新加载，以及捆绑 Chrome 和 Firefox（以及其他浏览器）。

要在Vue公司CLI工程安装，只需运行：vue add browser-extension。