Question

我正在尝试排除但保留对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;

哪个似乎留下'font'未定义？ webpack如何处理这个var值？

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

Answer 1

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

从webpack build中排除var和json文件

1 个答案: