webpack - 如何使用 webpack 为开发和部署提供不同的文件？

Question

我有一些配置文件，它们基本上存储了一些数据。但是，我使用不同的数据进行开发和部署。

我不想在尝试部署文件时手动更改文件。我也不想在部署之前更改导入语句。

例如。我有一些代码

import './config/data.js'

我不想修改这个。我只希望data.js在开发和部署之间改变内容。

我如何设置 webpack 来实现这一点？

Answer 1

我实现这一点的方法是拥有此文件的不同版本，例如,dev.js等。stag.jsprod.js

然后我告诉 webpack 复制正确的文件并将其重命名为config.js使用CopyPlugin

 var argv = require('yargs').argv;
 var ENV = argv.env;

 new CopyPlugin([
    {
        from: path.join(__dirname, 'config/properties/' + ENV + '.js'),
        to: '<path-to-config-file>/config.js'
    }
];

然后我运行webpack --env=dev，webpack 完成了所有的魔法。