在 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 配置项访问它。

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

What is the recommended way to include a global module with Webpack?

javascript

webpack