使用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配置项进行了接收。