用 grunt 讀取 webpack 的 .env 文件

Question

我正在使用grunt-replace根據環境（開發/測試/生產）執行一些變量替換。 這些變量設置如下：

config: {
            dev: {
                options: {
                    variables: {
                        base_url: 'localhost'
                    }
                }
            },
            testing: {
                options: {
                    variables: {
                        base_url: 'testing.example.com'
                    }
                }
            },
            prod: {
                options: {
                    variables: {
                        base_url: 'production.example.com'
                    }
                }
            }
        },

然后我用grunt-replace 替換變量，如下所示：

replace: {
            main: {
                options: {
                    patterns: [
                        {
                            match: 'BASE_URL',
                            replacement: '<%= grunt.config.get("base_url") %>'
                        }
                    ]
                },
                src: 'src/main.js' ,
                dest: 'dist/main.js'
            },
}

由於我使用的是為上述環境配置的.env文件，是否可以告訴 grunt-env 加載該文件並執行替換來替換grunt-config ？ 我想這樣做是為了避免在 webpack 和 grunt 的每個環境中設置這些變量的重復代碼。

謝謝！

Answer 1

您可以使用dotenv讀取 .env 文件，然后將其傳遞給 grunt 配置。

const dotenv = require('dotenv');

const envConfig = dotenv.config({ path: '/custom/path/to/.env' }).parsed;