Shopware插件中JavaScript使用环境变量及构建适配咨询

• 首先在你的插件根目录（custom/apps/MyPlugin）下安装dotenv-webpack依赖，用于让Webpack识别.env文件：

  npm install dotenv-webpack --save-dev
  

• 在插件的storefront目录下创建或修改webpack.config.js文件，添加dotenv配置：

  const Dotenv = require('dotenv-webpack');
  
  module.exports = (config) => {
      config.plugins.push(
          new Dotenv({
              path: './.env', // 指向插件根目录的.env文件
              systemvars: true // 可选：允许系统环境变量覆盖.env中的值
          })
      );
      return config;
  };
  

• 运行bash bin/build-storefront.sh命令时，Webpack会自动加载插件根目录的.env文件，你就可以在JavaScript插件中通过process.env.YOUR_VARIABLE_KEY获取对应的值了。

注意：确保你的.env文件变量格式正确，例如API_URL=https://example.com，不要添加多余引号。

内容的提问来源于stack exchange，提问作者bibiseb