使用@angular/cli 构建 chrome 扩展弹出窗口、选项和背景

苏里亚

我想创建一个带有弹出窗口、选项页面和后台进程的 chrome 扩展。所以基本上是一个带有 popup.html、options.html 和 background.html 页面的角度应用程序。角度cli可以做到这一点吗?

今天我可以为每个页面使用多个 webpack 配置来做到这一点,并且它可以工作。现在我想用 angular-cli 替换它。任何人都可以指出我正确的方向,即种子项目或入门示例

谢谢

苏里亚

所以经过大量的谷歌搜索,这篇博文帮助了我。TLDR;不需要多个应用程序,单个应用程序将使用查询参数。例如在我的 manifest.json 我现在有这个

"browser_action": {
    "default_popup": "index.html?page=popup"
},
"options_page": "index.html?page=options",
"background": {
    "page": "index.html?page=background",
    "persistent": false
},

然后在 Routes 中定义不同的组件(PopupComponent、OptionsComponent 和 BackgroundComponent)后,根据 'page' 参数进行导航。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

使用Vuejs和Vuecli构建Chrome扩展

如何使用Angular 5构建chrome扩展

在进行生产构建时如何使用AngularCLI和WebPack复制选定的文件

使用Selenium WebDriver访问和处理Chrome扩展程序弹出窗口

是否可以使用Java构建Chrome扩展程序?

如何使用Postman Chrome扩展程序构建API URL

Chrome扩展程序弹出窗口和选项页面的默认样式表在哪里?

Google Chrome扩展程序在弹出窗口和选项卡之间进行对话

angularjs2 cli,构建chrome扩展程序,定义内容和背景片段的麻烦

AngularCLI:无效的构建目标。只有“开发”和“生产”可用

在chrome扩展程序中打开和访问弹出窗口

使用ReactJS构建时,Chrome扩展程序内容脚本未注入DOM

结合使用Chrome存储API和create-react-app构建

使用背景页面和内容脚本的Chrome扩展程序

使用键盘快捷键打开Chrome扩展程序弹出窗口?

如何使用Chrome扩展程序popup.html从新的弹出窗口中定位DOM元素

在Chrome扩展程序内部使用Firebase进行身份验证会导致空白弹出窗口

我可以使用默认操作弹出窗口更改chrome扩展程序的位置吗?

无法使用Chrome扩展程序弹出窗口中的按钮打开新标签页

使用旧SDK构建的应用中的定位服务弹出窗口

Chrome扩展程序弹出窗口不再显示

如何缩小Chrome扩展程序的弹出窗口

chrome扩展弹出窗口不显示

Chrome扩展程序弹出窗口无法打开

禁止关闭Chrome扩展程序弹出窗口

从弹出窗口中打开Chrome选项

构建chrome扩展程序以从网页中读取所选单词

Chrome扩展程序+ angular-cli:构建后的UI问题

构建Chrome浏览器和构建服务器之间有何区别?