Javascript 网页外部提供错误“；ReferenceError:未定义require"；

我有一个设置文件，它在网页包构建后被修改。因此，我试图在运行时将其作为外部资源加载。文件（

settings.json

）位于网站的根目录中

我已经在externals下的

webpack.config.js

中添加了该文件

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;

但是，我收到了错误信息：

未捕获引用错误：未定义require

这是从线路（从传输的js）

看起来webpack没有正确绑定

settings.json

文件。但是我不明白为什么传输的js是无效的

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

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

/***/ })

/******/ });