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

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 构建中排除 var 和 json 文件

Exclude var and json file from webpack build

javascript

external

webpack

webpack-dev-server