javascript - 从 webpack 构建中排除 var 和 json 文件

Question

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

我修改了 webpack.config.js 以包括:

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

这解决了以前的一些错误，但现在看来“font”变量被认为是未定义的。

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 对我来说有点新鲜。关于如何解决这个问题有什么见解吗？

Answer 1

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