使用plasmo框架做浏览器插件,配置2个打包命令，一个线上，一个测试，期望走不同的 .env.*文件, 比如build:test, 走.env.development 文件，build 走.env.production文件

使用Plasmo框架配置两个打包命令，分别对应线上和测试环境，并加载不同的.env.*文件，可以通过以下步骤实现：

配置打包命令

1. 安装dotenv-cli：

   npm install dotenv-cli --save-dev
   

2. 修改package.json： 在scripts部分添加两个打包命令，分别指定不同的.env文件。

   {
     "scripts": {
       "build": "dotenv -e .env.production plasmo build",
       "build:test": "dotenv -e .env.development plasmo build"
     }
   }
   

创建.env文件

1. 创建.env.production： 这个文件包含线上环境的配置。

   API_URL=https://api.production.com
   

2. 创建.env.development： 这个文件包含测试环境的配置。

   API_URL=https://api.development.com
   

使用环境变量

在代码中使用环境变量时，可以通过process.env访问：

const apiUrl = process.env.API_URL;
console.log(`API URL: ${apiUrl}`);

运行打包命令

• 线上环境打包：

  npm run build
  

• 测试环境打包：

  npm run build:test
  

通过这种方式，你可以轻松地在不同的环境中使用不同的配置文件进行打包。