This boilerplate is a bare minimum for developing chrome extensions with Svelte. And to build it, can choose Webpack 5 or Rollup bundler.
- Clone or Download the repo
https://github.com/micro-artwork/chrome-extension-svelte-boilerplate.git
- Install NPM packages
package.json file is for Webpack basically, If want to use Rollup bundler to build, replace package.rollup.json with package.json.
npm install
- Excute NPM command for development
npm start
- Open and browse chrome extensions management
chrome://extensions/
- Turn on developer mode and load the unpacked extension from dist folder
./dist
- Test
Content-scripts template base is Svelte. But if won't need to insert UI components, need not Svelte and can use Vanilla JS.