包括JSON文件作為Webpack輸出，但不屬於bundle.js的一部分

Question

我有一個webpack應用程序，希望在運行時讀取json文件。

在webpack打包應用程序之后，我希望json文件從bundle.js中排除，但仍在package文件夾中。 我怎樣才能做到這一點？

Answer 1

使用file-loader ，它將使您可以指定輸出文件。 這不是最干凈的，因為webpack確實確實希望捆綁所有內容，但是它可以工作。

require('file?name=../newfile.json!/somefolder/original.json');

上面的代碼將在webpack輸出文件夾上方的目錄中創建newfile.json。 （用於說明目的的文件夾更改；不是必需的。）

如果要重新獲取json *，請在webpack配置中將其標記為外部依賴項，並使用`require（'../ newfile.json'）。

*我建議使用常規的ajax調用來拉入json。 這樣一來，很明顯json是外部的，您無需瀏覽webpack的ajax系統。

Answer 2

我會使用copy-webpack-plugin

只需將文件從一個位置移動到另一位置

通過將對象傳遞給json文件，將其移動到目標包中：

{ from: 'source', to: 'dest' }

查看回購以獲取用法示例