Skip to content

dejavvu/svelte-chrome-extension-template

 
 

Repository files navigation

Chrome Extension Template (Svelte + Tailwind)

Get started

  1. run npm i
  2. run npm run dev to see realtime change (compile files at /public)
  3. run npm run build for production (To reduce the extension's size, the source map file is not generated by default.)
  4. load unpacked files under /public on developer mode to test your extension

Main features

  1. Edit manifest file at /src/manifest.json (reflect it at /public/manifest.json)
  2. Edit icons images at /src/icons (reflect it at /public/icons)
  3. Edit chrome.i18 messages at /src/_locales (reflect it at /public/_locales)
  4. Edit content at /src/content.ts (reflect it at /public/build/content.js)
  5. Edit background at /src/background.ts (reflect it at /public/build/background.js)

Typescript Support

use <script lang="ts"> to use typescript in svelte

Tailwind Support

Use <style lang="postcss"> to take full advantage.

MIT License

You are free to use this for your commercial projects!

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 79.9%
  • TypeScript 9.8%
  • Svelte 4.4%
  • HTML 4.2%
  • CSS 1.7%