从 webpack 构建中排除 var 和 json 文件答案

【问题标题】：Exclude var and json file from webpack build从 webpack 构建中排除 var 和 json 文件
【发布时间】：2017-01-06 00:22:42
【问题描述】：

我试图从 webpack 构建中排除但保留对一些 JSON 文件的外部引用。

我已经修改了 webpack.config.js 以包含：

externals: {
        "../package.json": "package_json",
        "./font.json": "font"  
},

这解决了一些以前的错误，但现在似乎'font' var 被认为是未定义的。

Uncaught ReferenceError: font is not defined

错误是指构建中的这一行，其中 webpack 已将 'font' var 导出为 module.export：

/!***********************!
!*** external "font" *!
********************/
/**/ function(module, exports) {

module.exports = font;

当将原始代码与 webpack 构建进行比较时，webpack 转换了这个：

var font = require('./font.json'),
    Theme = require('./theme'),
    style = require('./utils').style;

到这里：

'use strict';

var font = __webpack_require__(/*! ./font.json */ 334),
    Theme = __webpack_require__(/*! ./theme */ 324),
    style = __webpack_require__(/*! ./utils */ 326).style;

似乎没有定义“字体”？ webpack 在这里如何处理这个 var 值？

Webpack 对我来说有点新鲜。有关如何解决此问题的任何见解？

【问题讨论】：

标签： javascript webpack external webpack-dev-server

【解决方案1】：

我用 json-loader 找到了解决方案：npmjs.com/package/json-loader

【讨论】：

这没有提供问题的答案。要批评或要求作者澄清，请在他们的帖子下方留下评论。 - From Review
@DeepakMahakale 提问者发布了他找到的解决问题的解决方案。它有资格获得答案。
@Cristik 如果他能详细说明一下答案会更好。这似乎更像是一个评论而不是一个答案
这就是为什么有人将其标记为低质量帖子
@DeepakMahakale 拼写错误或缺少一些解释并不能取消此答案的资格。如果其他人遇到同样的问题，那么他们应该能够找到解决问题的答案。我们不应该删除答案，因为它们的状态不好。\