V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
wdssmq
V2EX  ›  分享创造

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

  •  1
     
  •   wdssmq ·
    wdssmq · 2022-09-12 19:48:08 +08:00 · 1172 次点击
    这是一个创建于 809 天前的主题,其中的信息可能已经有所发展或是发生改变。

    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

    doc-001

    wdssmq
        1
    wdssmq  
    OP
       2022-09-12 20:05:19 +08:00
    「小代码」 rollup.js 开发「 GM_脚本」演示_哔哩哔哩_bilibili
    https://www.bilibili.com/video/BV1qe4y1d7ZM?zw
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2640 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 30ms · UTC 01:48 · PVG 09:48 · LAX 17:48 · JFK 20:48
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.