Web extension using snowpack & snowpack-plugin-web-ext for content-scripts

content-script-2.ts

// location: src/content-scripts/content-script-2.ts
// just to have an import
export function hello() {
  return "Hello World";
}

index.ts

// location: src/content-scripts/index.ts
import { hello } from "./content-script-2";

export default () => {
  console.log(hello());
  console.log("Hello from content script"); // runs in popup.html page
}

inject.ts

// location: src/content-scripts/inject.ts
(async () => {
    const src = chrome.extension.getURL('dist/content-scripts/index.js');
    const contentScript = await import(src);
    contentScript.default(/* chrome: no need to pass it */);
  })();

manifest.json

{
  "manifest_version": 2,
  "name": "snowpack-plugin-web-ext-chrome-popup-demo",
  "version": "0.0.1",
  "description": "Minimal demo for usage of snowpack-web-ext-plugin to create a browser extension with a content script.",
  "permissions": [
    "<all_urls>"
  ],
  "minimum_chrome_version": "61",
  "browser_action": {
  },
  "content_scripts": [
    {
      "matches": ["<all_urls>"],
      "js": ["./dist/content-scripts/inject.js"]
    }
  ],
  "web_accessible_resources": [
    "dist/content-scripts/*"
  ]
}