又一个「GM_脚本」开发工具,基于 rollup.js

2022-09-12 19:48:08 +08:00
 wdssmq

wdssmq/rollup-plugin-monkey: 使用 rollup 开发「 GM_脚本」:

https://github.com/wdssmq/rollup-plugin-monkey

因为还不会用create命令所以需要下载打包好的模板然后解压;

PROJECT_SCRIPT=script_demo
# 下载初始模板
wget https://github.com/wdssmq/rollup-plugin-monkey/releases/download/v1.0.2/script_def.tar.gz
tar -xzvf script_def.tar.gz
mv script_def ${PROJECT_SCRIPT}
cd ${PROJECT_SCRIPT}
cnpm i

# 修改 src/__info.js 内常量定义

# 运行
npm run dev

文件示意(初始):

❯ tree -a
.
├── .eslintrc.yaml
├── package.json
├── rollup.config.mjs
└── src
    ├── __dev.js
    ├── __info.js
    ├── _base.js
    └── main.js

文件示意( cnpm i && npm run dev ):

❯ tree -a
.
├── .eslintrc.yaml
├── dev
│   ├── main.js
│   └── script_demo.user.js
├── node_modules
│   └── XXXX
├── package.json
├── rollup.config.mjs
├── script_demo.user.js # 默认输出至根目录,可配置;
└── src
    ├── __dev.js        # vite-plugin-monkey 里抄的,也不需要自己修改;
    ├── __info.js       # userscript header 在这里配置;
    ├── _base.js
    └── main.js

.gitignore.editorconfig等文件要另外配置,或者你也可以像我一样把所有「 GM_脚本」放在一个版本库里管理;

.eslintrc.yaml也只是定义了「引号」和「分号」的风格;

除了正式文件的输出路径外,理论上不需要自行配置rollup.config.mjspackage.json

1179 次点击
所在节点    分享创造
1 条回复
wdssmq
2022-09-12 20:05:19 +08:00
「小代码」 rollup.js 开发「 GM_脚本」演示_哔哩哔哩_bilibili
https://www.bilibili.com/video/BV1qe4y1d7ZM?zw

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/879504

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX