在前端开发中，我们经常会使用 JavaScript 模块打包工具，rollup 是一个非常受欢迎的打包工具之一。而 rollup-plugin-env 就是一个为 rollup 提供环境变量支持的插件。
本文将介绍 rollup-plugin-env 的使用方法，包括安装、配置、示例以及注意事项。
安装
使用 npm 可以方便地安装 rollup-plugin-env。
npm install rollup-plugin-env -D
配置
rollup-plugin-env 支持两种方式设置环境变量：通过配置文件（rollup.config.js）或者通过命令行参数。
配置文件
在 rollup.config.js 中设置环境变量，可以使用如下方式：
-- -------------------- ---- -------
------ --- ---- -------------------
------ ------- -
-- -------
-------- -
-----
--------- -------------
-------- -------------------------
------ -----
--
-
-上面的代码中，我们设置了三个环境变量：NODE_ENV、API_URL 和 DEBUG。这些变量将在打包的过程中被替换成对应的值。
命令行参数
除了通过配置文件设置环境变量，我们还可以通过命令行参数来设置：
rollup --config --NODE_ENV=production --API_URL=http://api.example.com --DEBUG=false
示例
为了进一步说明 rollup-plugin-env 的使用方法，下面我们来看一个示例。
假设我们有两个 JavaScript 文件，一个用于开发环境（src/dev.js），一个用于生产环境（src/prod.js）：
// src/dev.js export const API_URL = 'http://localhost:3000' export const DEBUG = true
// src/prod.js export const API_URL = 'http://api.example.com' export const DEBUG = false
在打包的时候，我们使用 rollup-plugin-env 将环境变量注入到这两个文件中：
-- -------------------- ---- -------
-- ----------------
------ --- ---- -------------------
------ - ------ - ---- ----------------------
------ ------- -
------ -
---- -------------
----- -------------
--
------- -
---- -------
------
- ----------------------------------------------------------- --------
----------------------------------------------------------------------------------