1

我有一个设置文件，在 webpack 构建后修改。所以，我试图在运行时将其作为外部资源加载。文件 ( settings.json) 位于网站的根目录中。

我已经webpack.config.js在 externals 下添加了文件

var config = {
    entry: {
        main: './scripts/main.js'
    }
};

module.exports = (env, argv) => {
    config.externals = {
        settings: "require('./settings.json')"
    };

    return config;
}

然后我尝试使用模块导出它settings-service.js 

import settings from 'settings';

export default settings;

但是，我收到错误：

未捕获的 ReferenceError：未定义要求

哪个来自行（来自转译的 js）

/***/ "settings": /*!*********************************************!*\  
!*** external "require('./settings.json')" ***!   
\*********************************************/ 
/*! no static exports found */ /***/ (function(module, exports) {

module.exports = require('./settings.json');

/***/ })

/******/ });

看起来 webpack 没有正确地捆绑settings.json文件。但我不明白为什么转译的 js 无效。

4

0 回答 0