Разработка браузерных расширений Angular 5/6;Руководство;Руководство

Question

Я хотел бы задать вам простой, но очень важный вопрос.Недавно я работал над проектом, в котором я хотел бы разработать расширение для Chrome или браузера.Я хотел бы использовать здесь Angular Framework, поскольку он просто фантастический, и я часто с ним работаю.Я хотел бы разработать расширение на Angular и нашел только 2 интересных урока о том, как это сделать.Однако они в основном устарели.Я знаю, что мне нужны только следующие файлы:

• manifest.json
• index.html (или popup.html)

Однако,все еще больше похоже на content-script.js или страницу событий в фоновом режиме.Angular написан на машинописном тексте, и я нашел глоток, который объединяет и строит мне один контент-скрипт.В любом случае, я хотел бы спросить вас, есть ли у вас какие-либо проекты / опыт или учебные пособия и помощь в разработке браузера или расширения Chrome с Angular 5/6 и новейшим CLI и инструментами?

Answer 1

После настройки проекта эти шаги вы должны выполнить здесь.

• Запустите команду «ng build» (позволяет создать Build для вашего проекта для публикации, это создает папку dist в вашем проекте)

• Создайте файл manifest.json в папке dist.(Базовый формат указан ниже)

  {
   “manifest_version”: 2,
   “name”: “ng2 Extension”,
   “description”: “Todo app as chrome extension using angular4”,
   “version”: “1.0”,
   “browser_action”: {
   “default_icon”: “icon.png”,
   “default_popup”: “index.html”
   },
   “permissions”: [],
   “content_security_policy”: “script-src ‘self’ ‘unsafe-eval’; object-src ‘self’”,
   “web_accessible_resources”: [
   “assets/css/*”,
   “assets/js/*”,
   “assets/fonts/*”
   ]
  }
  

Для получения дополнительной информации читайте здесь -

• Создайте свой собственный ChromeУдлинитель с использованием угловых 4