javascript - Laravel Mix，如何在混合时传递变量？

Question

所以我有一个 JS 文件，我想使用 Laravel mix 进行混合、复制和压缩；我的 webpack.mix.js 文件如下所示:

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

mix.js('resources/js/foo/foo.js', 'public/foo.js');
mix.copy('public/foo.js', 'public/js/foo.js');
mix.version();

事情是 foo.js 有一个名为 env 的变量，在本地 envs 上设置为 dev，我们将它设置为 app 投入生产。

有什么方法可以使它自动化吗？例如，我可以在混合文件时根据 env 传递变量并设置它吗？

Answer 1

https://laravel-mix.com/extensions/string-replace

npm i laravel-mix-string-replace 安装包

这是我在混合文件中解决它的方法:

const pixelEnv = process.env.APP_ENV == "local" ? 'dev' : 'app';
mix.js('resources/js/foo/foo.js', 'public/foo.js').stringReplace({
    test: /foo.js/,
    loader: 'string-replace-loader',
    options: {
      search: 'PIXEL_ENV',
      replace: pixelEnv,
    }
  });