How To Build a Chrome Extension Using Angular

ref:

  • https://developer.chrome.com/docs/extensions/get-started/tutorial/hello-world?hl=zh-tw
    • .
  • https://medium.com/@roylevy_28840/how-to-build-a-chrome-extension-using-angular-3bcc74a36cd2
    • .

loren ipsum loren ipsum loren ipsum loren ipsum loren ipsum loren ipsum loren ipsum loren ipsum loren ipsum

.

important notes

  • manifest.json
{
  "content_security_policy": {
    "extension_pages": "script-src 'self'; object-src 'self'; style-src 'self' 'unsafe-inline' https://fonts.googleapis.com; font-src 'self' https://fonts.gstatic.com;",
    "sandbox": "sandbox allow-scripts allow-forms allow-popups allow-modals; script-src 'self' 'unsafe-inline' 'unsafe-eval'; child-src 'self';"
  },
  "web_accessible_resources": [
    {
      "resources": [
        "index.html",
        "assets/images/*",
        "main.js",
        "*.js"
      ],
      "matches": [
        "<all_urls>"
      ]
    }
  ]
}
  • angular.json for production
{
  "configurations": {
    "production": {
      "optimization": {
        "scripts": true,
        "styles": {
          "minify": true,
          "inlineCritical": false
        },
        "fonts": false
      }
    }
  }
}