如何在web pack.mix.js 中如何获取.env文件的配置信息,如APP_ENV或者APP_DEBUG?

webpack.mix.js中引入dotenv配置信息便可以通过 process.env对象获取配置信息

require('dotenv').config();
let proxy_url = process.env.BROWSERSYNC_PROXY_URL || 'fidding.me';

完整的示例代码:

let mix = require('laravel-mix');
// 引入dotenv
require('dotenv').config();

mix .js('resources/assets/js/app.js', 'public/js')
    .sass('resources/assets/sass/app.scss', 'public/css')

let env = process.env.APP_ENV || 'local'

if (env != 'prod') {
    // 开发环境
    let proxy_url = process.env.BROWSERSYNC_PROXY_URL || 'fidding.me';
    let proxy_port = process.env.BROWSERSYNC_PROXY_PORT || 3000;
    // 添加浏览器自动刷新功能
    mix.browserSync({
        proxy: proxy_url,
        port: proxy_port
    });
} else {
    // 生产环境
}

happy coding!