JSPM

popup-chrome-ext-template

0.0.1
    • ESM via JSPM
    • ES Module Entrypoint
    • Export Map
    • Keywords
    • License
    • Repository URL
    • TypeScript Types
    • README
    • Created
    • Published
    • Downloads 1
    • Score
      100M100P100Q25979F
    • License MIT

    Template for creating Chrome popup extensions using React and Vite from chrome-ext react-ts

    Package Exports

      This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (popup-chrome-ext-template) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

      Readme

      popup-chrome-ext

      a chrome extension tools built with Vite + React, and Manifest v3

      Installing

      1. Check if your Node.js version is >= 14.
      2. Change or configurate the name of your extension on src/manifest.
      3. Run npm install to install the dependencies.

      Developing

      run the command

      $ cd popup-chrome-ext

$ npm run dev

      Chrome Extension Developer Mode

      1. set your Chrome browser 'Developer mode' up
      2. click 'Load unpacked', and select popup-chrome-ext/build folder

      Nomal FrontEnd Developer Mode

      1. access http://0.0.0.0:3000/
      2. when debugging popup page, open http://0.0.0.0:3000//popup.html
      3. when debugging options page, open http://0.0.0.0:3000//options.html

      Packing

      After the development of your extension run the command

      $ npm run build

      Now, the content of build folder will be the extension ready to be submitted to the Chrome Web Store. Just take a look at the official guide to more infos about publishing.

      Generated by create-chrome-ext