Webpack-open-chrome-extension NPM

webpack-open-chrome-extension

Programatically open a web extension in a Chrome browser via webpack plugin

Loads a WebExtension in a new browser instance with a new profile for each run with configurable options via webpack config.

Highlights

No executable downloads. Locates and uses the system installed binary.
Loads the extension in a clean state by default by providing a fresh profile for every run (customizable).
No extra step to open/close Chrome. Killing the webpack dev server instance also kills the browser process.
Allows additional Chrome flags via options config. Full support to virtually all Chrome flags.

yarn add webpack-chrome-extension-launcher -D

Usage

See webpack.config.js example.

new WebpackOpenChromeExtension({
  extensionPath: 'path/to/extension',
  chromeFlags: [
    '--enable-experimental-extension-apis',
    '--embedded-extension-options'
  ],
  userDataDir: 'path/to/user/data/dir',
  startingUrl: 'https://example.com'
})

+ const WebpackOpenChromeExtension = require('webpack-open-chrome-extension')

module.exports {
  plugins: [
+   new WebpackOpenChromeExtension({
+     extensionPath: 'path/to/extension',
+     chromeFlags: [
+       '--enable-experimental-extension-apis',
+       '--embedded-extension-options'
+     ],
+     userDataDir: 'path/to/user/data/dir',
+     startingUrl: 'https://example.com'
+   })
  ]
}