javascript - 使用Vuejs和Vuecli构建Chrome扩展

Question

我目前正在使用vuejs驱动的前端构建Chrome扩展程序。使用 vuecli 效果很好。直到应用开始使用Webextension -API为止。普通网站无法访问此API；注册扩展名。

那么，使用vuejs(支持webpack工具)的功能来开发vuecli -Extension的一个好的设置是什么？哪种设置可以测试应用程序？

Answer 1

我建议使用 vue-cli-plugin-browser-extension 。请注意，自述文件指出了对Vue CLI 3.x的支持，但它也可与Vue CLI 4.x(已通过4.3.1测试)一起使用。

它支持多种功能，可节省大量时间，包括实时重新加载以及针对Chrome和Firefox(和其他浏览器)的 bundle 。

要将其安装在Vue CLI项目中，只需运行:vue add browser-extension。