diff options
author | vnugent <public@vaughnnugent.com> | 2023-09-06 13:51:13 -0400 |
---|---|---|
committer | vnugent <public@vaughnnugent.com> | 2023-09-06 13:51:13 -0400 |
commit | cd8e865dad326f85ff2357ad90bbd6aa65dea68e (patch) | |
tree | 0d4a0bb8bafc4f807407e99c5e6bf4e1cb34217a /extension/README.md |
initial commit
Diffstat (limited to 'extension/README.md')
-rw-r--r-- | extension/README.md | 65 |
1 files changed, 65 insertions, 0 deletions
diff --git a/extension/README.md b/extension/README.md new file mode 100644 index 0000000..36b26c2 --- /dev/null +++ b/extension/README.md @@ -0,0 +1,65 @@ +# @vnuge/nvault-extension + +This template should help get you started developing a vue web extension in Vite. + +## Usage Notes + +The extension manifest is defined in `src/manifest.js` and used by `@samrum/vite-plugin-web-extension` in the vite config. + +Background, content scripts, options, and popup entry points exist in the `src/entries` directory. + +Content scripts are rendered by `src/entries/contentScript/renderContent.js` which renders content within a ShadowRoot +and handles style injection for HMR and build modes. + +Otherwise, the project functions just like a regular Vite project. + +To switch between Manifest V2 and Manifest V3 builds, use the MANIFEST_VERSION environment variable defined in `.env` + +HMR during development in Manifest V3 requires Chromium version >= 110.0.5480.0. + +Refer to [@samrum/vite-plugin-web-extension](https://github.com/samrum/vite-plugin-web-extension) for more usage notes. + +## Customize configuration + +See [Vite Configuration Reference](https://vitejs.dev/config/). + +## Project Setup + +```sh +npm install +``` + +## Commands +### Build +#### Development, HMR + +Hot Module Reloading is used to load changes inline without requiring extension rebuilds and extension/page reloads +Currently only works in Chromium based browsers. +```sh +npm run dev +``` + +#### Development, Watch + +Rebuilds extension on file changes. Requires a reload of the extension (and page reload if using content scripts) +```sh +npm run watch +``` + +#### Production + +Minifies and optimizes extension build +```sh +npm run build +``` + +### Load extension in browser + +Loads the contents of the dist directory into the specified browser +```sh +npm run serve:chrome +``` + +```sh +npm run serve:firefox +``` |