Linux/Unix>> chrome-manifest-v3-webpack-hotreload-template>> 返回
项目作者： sidehustlelab

项目描述 ：
Chrome Extension Template (Manifest v3) Webpack Hot reload
高级语言： JavaScript
项目地址: git://github.com/sidehustlelab/chrome-manifest-v3-webpack-hotreload-template.git


chrome-manifest-v3-webpack-hotreload-template

Chrome Extension Template (Manifest v3) Webpack Hot reload

Pre-requisite

Project setup

  • Install dependencies
    1. npm install
  • Build for production
    1. npm run build
  • Start working on locally
    1. npm run start

Load extension in browser locally

  • Turn on developer mode in (chrome://extensions or edge://extensions)
    Turn on developer mode

  • Then click on Load unpacked

  • Select dist folder inside this repo folder(It will get generated after running either build or start command)

  • If you have run start command, you can see something like this in browser console
    Locally working

Features

  • Extension is working for Chrome and Edge.
  • Content Scripts
  • Popup
  • Service Worker (Background script)
  • Webpack Hot reload

Note

  • Hot reload isn’t working for content script in Manifest v3