https://github.com/extend-chrome/javascript-boilerplate
Chrome Extension boilerplate with plain vanilla JS
https://github.com/extend-chrome/javascript-boilerplate
Last synced: over 1 year ago
JSON representation
Chrome Extension boilerplate with plain vanilla JS
- Host: GitHub
- URL: https://github.com/extend-chrome/javascript-boilerplate
- Owner: extend-chrome
- License: mit
- Created: 2020-08-31T18:55:45.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2020-10-19T22:41:12.000Z (almost 6 years ago)
- Last Synced: 2025-02-07T03:29:01.420Z (over 1 year ago)
- Language: JavaScript
- Size: 24.4 KB
- Stars: 2
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# JavaScript Chrome Extension Boilerplate
[](https://github.com/extend-chrome/rollup-plugin-javascript-boilerplate)
A basic boilerplate that gets you started quickly. It supports modern, modular
JavaScript and automatic reloading during development. ESLint and Prettier
included.
This is a great starting place for a proof of concept or a simple Chrome
extension. If you need more, like React and CSS imports, check out our React
boilerplate.
## Get Started
Type this into your terminal:
```sh
git clone https://github.com/extend-chrome/javascript-boilerplate
npm install
```
### Development
For development with automatic reloading:
```sh
npm run start
```
Open the [Extensions Dashboard](chrome://extensions), make sure "Developer mode"
is switched on, click "Load unpacked", and choose the `dist` folder.
### Production
You'll want to make a production build when it's time to publish your Chrome
Extension. Run the following line:
```sh
npm run build
```
This will create a ZIP file with your package name and version in the `releases`
folder.
## Source Layout
Your manifest is at `src/manifest.json`, and Rollup will bundle any files you
include here. All the filepaths in your manifest should point to files in `src`.