Inject page script from a separate module

Author: zalmoxisus

src/browser/extension/inject/contentScript.js

@@ -22,13 +22,6 @@ if (window.devToolsExtensionID) { // Send external messages
   };
 } else {
   sendMessage = sendToBg;
-
-  let s = document.createElement('script');
-  s.src = chrome.extension.getURL('js/page.bundle.js');
-  s.onload = function() {
-    this.parentNode.removeChild(this);
-  };
-  (document.head || document.documentElement).appendChild(s);
 }
 
 // Resend messages from the page to the background script

src/browser/extension/inject/pageScriptWrap.js

@@ -0,0 +1,6 @@
+let s = document.createElement('script');
+s.src = chrome.extension.getURL('js/page.bundle.js');
+s.onload = function() {
+  this.parentNode.removeChild(this);
+};
+(document.head || document.documentElement).appendChild(s);

src/browser/extension/manifest.json

@@ -26,7 +26,7 @@
     {
       "matches": ["<all_urls>"],
       "exclude_globs": [ "https://www.google*" ],
-      "js": ["js/content.bundle.js"],
+      "js": ["js/content.bundle.js", "js/pagewrap.bundle.js"],
       "run_at": "document_start"
     }
   ],

webpack/base.config.js

@@ -12,6 +12,7 @@ const baseConfig = (params) => ({
     devtools: [ `${extpath}devtools/index` ],
     content: [ `${extpath}inject/contentScript` ],
     page: [ `${extpath}inject/pageScript` ],
+    pagewrap: [ `${extpath}inject/pageScriptWrap` ],
     inject: [ `${extpath}inject/index` ],
     ...params.inputExtra
   },