base-chrome-plugin

webpack5 构建 chrome 插件基础项目模版架子

项目使用技术栈

• 🔥 webpack5、webpack-cli,webpack-dev-server
• 🔥 react, react-router,typescript
• 🔥babel,typescript、tailwindcss, sass
• ...

如何运行

• 克隆该项目地址

  git clone https://github.com/maicFir/base-chrome-plugin.git

• 进入当前目录

  cd base-chrome-plugin

• 安装依赖包

  npm i
  // or
  pnpm i
  // or
  yarn i

• 打包运行插件,生成插件manifest.json包

npm run build
// or
pnpm run build

• 浏览器输入chrome://extensionsor 扩展程序>管理扩展程序>加载已解压的扩展程序>加载含有manifest.json文件夹

插件不同环境

• 本地开发环境

  npm run build:dev
  // or
  pnpm run build:dev

• 测试环境

  npm run build:test
  // or
  pnpm run build:test

• 生产环境

  npm run build
  // or
  pnpm run build

插件预览

最后

• 如果看完项目，觉得有所收获或帮助，就不要吝啬给个star鼓励下作者吧~