「折腾」使用 rollup.js 模块化编写 GM 脚本
条评论五月份了，又可以领大会员 B 币了，不过 B 站又改了些东西，导致我之前写的提醒脚本也要相应的修改；
「- 很多说明要详细到什么程度也是好难把握 -」
脚本获取及说明见：
2022-09-12：
弄了个 rollup 插件出来：
wdssmq/rollup-plugin-monkey: 使用 rollup 开发「GM_脚本」：
https://github.com/wdssmq/rollup-plugin-monkey
视频演示：
「小代码」rollup.js 开发「GM_脚本」演示_哔哩哔哩_bilibili：
使用 Rollup 等工具实现「工程化」开发「GM_脚本」的优点包括：
- 模块化开发：使用 Rollup 可以将「GM_脚本」按照模块化的方式进行开发，使得代码更加清晰、易于维护。
- 代码压缩和消除死码：Rollup 支持对代码进行压缩，并可以分析项目中未使用的代码并消除它们，从而减小文件体积，提高「GM_脚本」的加载速度。
- ES6/ES7 语法支持：Rollup 可以将 ES6/ES7 代码转换为 ES5 代码，从而使得「GM_脚本」在不同浏览器中都可以运行。
- 打包插件支持：Rollup 支持插件机制，可以通过插件扩展其打包功能，例如支持 CSS、图片等资源的打包。
- 自动化构建：使用 Rollup 可以实现「GM_脚本」的自动化构建，减少手动操作，提高开发效率。
- 浏览器热重载：借助像 rollup-plugin-monkey 这样的插件，可以在修改代码时自动构建并刷新浏览器，从而快速预览更改后的效果，极大地提高了开发效率和准确性。
通过使用 Rollup 等工具来实现「GM_脚本」的工程化开发，可以使开发流程更加快速灵活，同时也有利于团队协作和项目管理。
一直以来，针对同一个网站的功能脚本会塞进一个文件里，比如之前 B 站的脚本有 330 行，维护修改是真的痛苦；
「果然还是拆成小文件然后自动拼接会比较方便吧！」 ← 虽然这么想，但是咸鱼星人什么的。。
好在前不久终于开始填这个坑了，使用的方案就是「rollup.js」；
rollup.js本身的教程可参考文末推荐，事实上终于决定水出本文也是因为阮一峰碰巧在这个时机写了介绍；
如果你也想用来构建「GM_脚本」则可以参考下我的使用姿势；
- GM_脚本的应用环境是浏览器，所以对应的输出格式是
format: 'iife'； - GM_脚本开头需要加入
==UserScript== …… ==/UserScript==注释，可以作为banner由rollup.js拼接进来； - 配置定义文件
rollup.config.js支持从外部引入内容作为参数，所以banner定义值可以写在一个单独的文件里，比如src/__info.js，同样作为脚本命名的name也可以由该文件提供； - 所以不同脚本项目可以使用同样的
rollup.config.js内容，而只需要修改src/__info.js中的定义； - 我弄了份
empty\_def作为初始项目，除了src/__info.js外还有src/_base.js，封装了各种「初始常量或函数」；「- 就是风格不太统一的感觉 -」 src/main.js中可以使用import _bcoin from './_bcoin';单纯拼接不同文件进来，虽然会得到一行黄字：Import of non-existent exports，不过我们就是要这样用；
userscript/empty_def：https://github.com/wdssmq/userscript/tree/master/empty_def
userscript/bilibili：https://github.com/wdssmq/userscript/tree/master/bilibili「历史原因，导出文件还是later.user.js，要不要改呢」
最新 B 币领取提醒：https://github.com/wdssmq/userscript/blob/master/bilibili/src/_bcoin.js「只是提醒，并不能自动领」
打包工具 rollup.js 入门教程 - 阮一峰的网络日志：
Module 的语法 - ES6 教程 - 网道：
