如何将环境参数传递给 Laravel Mix 6？

Question

有没有办法通过命令行将参数传递给 laravel mix 并在 webpack.mix.js 文件中获取它们？比如我添加了frontend-dev这一行，但是运行“yarn run frontend-dev”后却无法获取到“foo”变量。

package.json

{
    "private": true,
    "scripts": {
        "development": "mix",
        "frontend-dev": "mix -- --env foo=frontend"
    },
    "devDependencies": {
        "axios": "^0.21",
        "laravel-mix": "^6.0.6",
        "lodash": "^4.17.19",
        "postcss": "^8.1.14"
    }
}

webpack.mix.js

const mix = require('laravel-mix');

//console.log(process.env);
console.log(process.env.foo); //output: undefined

Answer 1

你可以从命令行来做...

npm run development --foo=frontend

然后在 webpack.mix.js 中，你可以在你的 foo 变量前加上 npm_config_。

console.log(process.env.npm_config_foo);

否则，如果您希望该值来自您的 .env 文件，您可能需要在您的 .env 变量前面加上 MIX_，例如 MIX_FOO_VARIABLE=frontend。

然后，在 webpack.mix.js 中，您可以执行以下操作。

console.log(process.env.MIX_FOO_VARIABLE);