webpack config output libraryTarget

最新推荐文章于 2023-08-21 22:39:28 发布

like419

最新推荐文章于 2023-08-21 22:39:28 发布

阅读量1.5k

点赞数

本文链接：https://blog.csdn.net/like419/article/details/103010963

版权

本文深入解析Webpack配置项libraryTarget的功能，介绍如何通过设置不同的libraryTarget值来适配各种模块加载方式，包括CommonJS, AMD, UMD等，实现库文件在不同环境下的正确加载和使用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

libraryTarget: “var”（default）
output.library 会将值作为变量声明导出（当使用 script 标签时，其执行后在全局作用域可用）。
libraryTarget: “window”
当 library 加载完成，入口起点的返回值将分配给 window 对象。
libraryTarget: “assign”
libraryTarget: “this”
libraryTarget: “global”
libraryTarget: “commonjs”
当 library 加载完成，入口起点的返回值将分配给 exports 对象。这个名称也意味着模块用于 CommonJS 环境
libraryTarget: “commonjs2”
libraryTarget: “amd”
libraryTarget: “umd”
这是一种可以将你的 library 能够在所有的模块定义下都可运行的方式（并且导出的完全不是模块）。它将在 CommonJS, AMD 环境下运行，或将模块导出到 global 下的变量
libraryTarget: “jsonp”

output:{
   path:PATHS.boundles,
   filename:'xxx.js',
   libraryTarget:'umd',
   library:'xxxsdk',
   umdNamedDefine: true
}