externals配置项用于配置那些不需要打包进应用程序中的第三方依赖。
在webpack配置文件中,可以使用以下方式配置externals:
module.exports = {
externals: {
jquery: 'jQuery'
}
}
上面的配置表示jquery模块将不会被打包进应用程序中,而是在运行时通过全局变量jQuery来访问。
你也可以使用一个函数来配置externals,比如:
module.exports = {
externals: function(context, request, callback) {
if (request === 'lodash') {
return callback(null, '_');
}
callback();
}
}
上面的配置表示lodash模块将不会被打包进应用程序中,而是在运行时通过全局变量_来访问。