javascript - 在 Webpack 中包含全局模块的推荐方法是什么？

Question

我正在使用 Webpack 开发一个大型应用程序，其中包含一个所有其他模块都需要访问的全局 settings.js 文件。我希望有一种更简洁的方法来使其可用于所有模块，而不是将 import settings from '../path/to/settings'; 添加到所有模块的顶部默认。

关于添加一个全局可用的模块的建议？

Answer 1

发现我已经使用 webpack.ProvidePlugin 执行此操作。将其扩展为包含我的设置文件:

module.exports = {
    resolve: {
        modulesDirectories: [
            'src',
            'node_modules'
        ],
        extensions: ['', '.json', '.js']
    },
    plugins: [
        new webpack.ProvidePlugin({
            settings: 'settings'
        })
    ]
};

我的 settings.js 文件位于 src 内部，已通过 resolve Webpack 配置项访问该文件。