前言
在 Google Apps Script 开发中，我们经常需要将多个 JavaScript 文件打包成一个文件以便于在 GAS 平台中加载，并且还需要在代码中插入代码执行计时等信息，以便于追踪代码执行流程。rollup-plugin-gas 就是一个可以帮助我们实现这些需求的 rollup 插件。
本文将介绍如何使用 rollup-plugin-gas，希望本文内容可以对前端开发者和 Google Apps Script 开发者有所帮助。
安装
使用 npm 安装 rollup-plugin-gas：
npm install rollup-plugin-gas --save-dev
使用
快速开始
在项目根目录中创建一个 rollup.config.js 文件，并添加以下内容：
-- -------------------- ---- -------
------ - ------ - ---- ---------
------ --------- ---- --------------------
--------
------ ----------
-------- -
-----------
------- ----------------------
------------- -------------
---------- ---------------
---
--
-------------- -- --------------
------- -------
----- ------------
----然后在命令行中执行 rollup 命令：
rollup -c rollup.config.js
以上配置会把 main.js 和它的依赖文件打包成一个新的 JS 文件 bundle.js，并在代码中插入计时和日志代码。
参数说明
rollup-plugin-gas 的参数如下：
author：脚本作者邮件地址functionName：脚本暴露的函数名称projectId：Google 云项目 ID
可以在 rollup.config.js 中设置这些参数。使用时，只需要传入上述参数的值即可，如下所示：
gasPlugin({
author: 'example@example.com',
functionName: 'myFunction',
projectId: 'xxxxxxxxxxxx',
}),Rollup 配置
上面我们已经创建了一个 rollup.config.js 文件并添加了 rollup-plugin-gas 插件，下面将一些关于 Rollup 的配置项也提供给大家参考。假设我们有以下的样式目录结构：
├── src │ ├── style │ ├── index.js │ └── myModule.js ├── rollup.config.js ├── package.json └── README.md
下面是一个简单的 rollup.config.js 配置：
-- -------------------- ---- -------
------ - ------ - ---- ---------
------ --------- ---- --------------------
--------
------ ---------------
--------- -----------
-------- -
-----------
------- ----------------------
------------- -------------
---------- ---------------
---
--
-------------- -- --------------
----- ------------
----- ------------
------- -------
-------- -
------- ----
--
----该配置使用了 Rollup 的 Tree-shake 和 ES6 模块的优化打包特性，同时也忽略了 lodash 的打包。更多关于 Rollup 的配置请参考官方文档。
示例代码
在我们的示例中，我们创建三个 JS 文件：
myModule.js
export const myModule = {
helloWorld() {
console.log('Hello World!');
},
};main.js
import { myModule } from './myModule';
myModule.helloWorld();rollup.config.js
-- -------------------- ---- -------
------ - ------ - ---- ---------
------ --------- ---- --------------------
--------
------ ----------
-------- -
-----------
------- ----------------------
------------- -------------
---------- ---------------
---
--
-------------- -- --------------
------- -------
----- ------------
----使用以上代码及配置执行 rollup 命令，会在项目根目录生成一个名为 bundle.js 的文件，并自动插入计时和日志代码。
总结
本文介绍了 npm 包 rollup-plugin-gas 的使用方法，并提供了示例代码。通过该插件，我们可以在 Google Apps Script 平台上打包和优化 JavaScript 代码，同时也可以自定义代码执行计时和日志等信息，方便后期调试。希望读者可以学到有用的内容，分享给更多的人。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055fc681e8991b448dd335