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

【问题标题】：How can I have different file for development and deployment using webpack?如何使用 webpack 为开发和部署提供不同的文件？
【发布时间】：2015-10-22 21:42:46
【问题描述】：

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

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

例如。我有一些代码

import './config/data.js'

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

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

【问题讨论】：

标签： webpack webpack-dev-server

【解决方案1】：

我实现此目的的方法是拥有此文件的不同版本，例如 dev.js、stag.js、prod.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 做所有的魔法。

【讨论】：