npm i
to install dependanciesnpm start
to start running the fast development mode Webpack build process that bundle files into thedist
foldernpm i --save-dev <package_name>
to install new packages
- Open Chrome and navigate to
chrome://extensions/
- Toggle on
Developer mode
in the top right corner - Click
Load unpacked
- Select the entire
dist
folder
git init
to start a new git repo for tracking your changes, do an initial base commit with all the default files- Update
package.json
, important fields includeauthor
,version
,name
anddescription
- Update
manifest.json
, important fields includeversion
,name
anddescription
- Update
webpack.commmon.js
, the title in thegetHtmlPlugins
function should be your extension name
npm run build
to generate a minimized production build in thedist
folder- ZIP the entire
dist
folder (e.g.dist.zip
) - Publish the ZIP file on the Chrome Web Store Developer Dashboard!