webpack 配置 externals
我们打包一个webpack项目时,特别是作为一个库的时候,会引入其他的库作为依赖,这时候打包,就会把依赖库也打包进来,增加了我们包的大小,那么我们就可以通过使用externals来指定,哪些库是外部依赖的,不需要打包到我们库中的。
externals配置提供以下几种方式:string、 object、 function、 regex。
例如引入jQuery
webpack.config.js
module.exports = {
//...
externals: {
jquery: 'jQuery'
}
};
具有外部依赖的 bundle 可以在各种模块上下文中使用,例如 CommonJS, AMD, 全局变量和 ES2015 模块。外部 library 可能是以下任何一种形式:
1、 root:可以通过一个全局变量访问 library(例如,通过 script 标签)。
2、 commonjs:可以将 library 作为一个 CommonJS 模块访问。
3、 commonjs2:和上面的类似,但导出的是 module.exports.default.
4、 amd:类似于 commonjs,但使用 AMD 模块系统。
可以接受各种语法……
