如何使用webpack获得用于开发和部署的不同文件？

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

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

比如说。我有一些密码

import './config/data.js'

我不想修改这个。我只想在开发和部署之间更改

data.js

的内容

---

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

我实现这一点的方法是使用不同版本的文件，如

dev.js

、

stag.js

、

prod.js

等

然后我告诉webpack复制正确的文件，并使用

CopyPlugin

将其重命名为

config.js

 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'
    }
];

var argv=require（'yargs'）。argv；
var ENV=argv.ENV；
新CopyPlugin([
{
from:path.join（uu dirname，'config/properties/'+ENV+'.js'），
收件人：'/config.js'
}
];

然后我运行

webpack--env=dev

，webpack就完成了所有的功能