包含JSON文件作为Webpack输出,但不包括bundle.js的一部分

时间:2016-08-15 16:47:42

标签: node.js html5 reactjs npm webpack

我有一个webpack应用程序,我想在运行时中读取json文件。

在webpack打包应用程序之后,我希望从bundle.js中排除json文件,但仍然在package文件夹中。我怎么能这样做?

2 个答案:

答案 0 :(得分:2)

使用file-loader可以指定输出文件。不是最干净的,因为webpack确实想要捆绑所有东西,但它确实有效。

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

以上将在webpack输出文件夹上方的目录中创建newfile.json。 (文件夹更改用于说明目的;不是必需的。)

如果你想重新要求json *,在webpack配置中将它标记为外部依赖项并使用`require('.. / newfile.json')。

*我建议使用常规的ajax调用来拉入json。这样很明显json是外部的,你不必通过webpack的ajax系统。

答案 1 :(得分:0)

我会使用copy-webpack-plugin

非常简单地将文件从一个位置移动到另一个位置

您将json文件传递给目标包,方法是将其传递给对象:

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

结帐the repo了解用法示例