使用 Vue + Element-UI 开发油猴插件(Tampermonkey)。
请在浏览器安装Tampermonkey插件。
安装Tampermonkey插件后,可以点击插件选择添加新脚本
,然后复制粘贴当前项目下dist/tampermonkey-vue.user.js
的代码,Ctrl+S
保存后,刷新浏览器即可预览效果。
npm run dev
可以在.env.dev
进行开发环境的配置
// 插件运行环境
TAMPERMONKEY_APP_ENVIRONMENT=development
// 插件名称
TAMPERMONKEY_APP_NAME=TamperMonkey-Vue-Dev
// 插件打包生成的文件,Tampermonkey插件的入口文件,注意格式应该为:*.user.js
TAMPERMONKEY_ENTRY_FILE=tampermonkey-vue.user.js
npm run build
可以在.env
进行生产环境的配置,插件的版本号使用的是package.json
的version
版本号。
// 插件运行环境
TAMPERMONKEY_APP_ENVIRONMENT=production
// 插件名称
TAMPERMONKEY_APP_NAME=TamperMonkey-Vue
// 插件打包生成的文件,Tampermonkey插件的入口文件,注意格式应该为:*.user.js
TAMPERMONKEY_ENTRY_FILE=tampermonkey-vue.user.js
打包完成后,在dist
目录下会生成tampermonkey-vue.user.js
文件,把该文件添加到Tampermonkey即可运行。
可以在tampermonkey.js
文件,配置Tampermonkey选项。