如何使用webpack爲不同的文件進行開發和部署？

Question

我有一些基本上存儲一些數據的配置文件。 但是，我正在使用不同的數據進行開發和部署。

我不想在我嘗試部署它時手動更改文件。我也不想在部署之前更改導入語句。例如

。我有一些代碼

import './config/data.js' 

我不想修改這個。我只希望​​的內容在開發和部署之間改變。

如何設置webpack來實現這一目標？

Answer 1

我實現這一目標的方法是有不同版本的文件像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' 
    } 
]; 

然後我運行webpack --env=dev和webpack完成所有的魔術。