%20(2).svg)
项目简介
本项目是一款Webpack插件，旨在开发Chrome扩展时实现自动重载功能。当项目文件有更改，插件会自动重新加载扩展，还能选择在加载或重载时自动打开popup或options页面。并且该插件仅在'--watch'模式下开启，不会影响生产打包。
项目的主要特性和功能
- 自动重载：开发中检测到文件修改，自动重新加载Chrome扩展。
- 页面自动打开：扩展加载或重载时，能以标签页形式自动打开popup或options页面。
- 灵活的配置选项：可设置检测间隔、是否打开popup或options页面等。
- 无生产污染：仅在Webpack的'--watch'模式下运行，不影响生产打包输出。
安装使用步骤
安装插件
通过npm或yarn安装插件：
bash
npm install crx-auto-reload-plugin --save-dev
yarn add crx-auto-reload-plugin --dev
使用插件
在webpack配置文件中导入并使用该插件。以vue-cli 3+创建的项目为例，在vue.config.js中进行配置：
```js
// vue.config.js
const CrxAutoReloadPlugin = require('crx-auto-reload-plugin');
module.exports = { //... configureWebpack: config => { // ... config.plugins.push( new CrxAutoReloadPlugin(), ); // ... } //... } ```
配置选项
根据需要配置相关选项，如检测间隔、是否打开popup或options页面等：
json5
{
interval: 2000, // watch interval
openPopup: true, // should open popup page after plugin load/reload
openOptions: false, // should open options page after plugin load/reload
}
运行开发服务器
使用Webpack的'--watch'模式运行开发服务器，开始开发Chrome扩展。
注意事项
- 该项目已废弃，当前开发的Chrome扩展在开发者模式下直接使用文件系统中的文件，除非更改
manifest.json文件，重新加载扩展页面即可获取最新更改文件。推荐使用Quasar框架进行扩展开发。 - 该项目提供了vue-cli的预设配置，方便开发Chrome扩展，也有使用该插件开发的实际项目可供参考。
下载地址
点击下载 【提取码: 4003】【解压密码: www.makuang.net】