当前位置: 首页 > Web前端 > HTML

VUE3.0源码rollup.config.js对不同类型输出文件的注释

时间:2023-03-28 18:29:41 HTML

文件路径:VUE3.0源码/rollup.config.jsroollup打包文件说明模板如下:rollupmain.js--filebundle.js--formatiiferollup在.config.js文件中还有这样一个变量:outputConfigs,定义了不同类型的输出文件“file”&“format”的名称,如下:constoutputConfigs={'esm-bundler':{file:resolve(`dist/${name}.esm-bundler.js`),格式:`es`},'esm-browser':{file:resolve(`dist/${name}.esm-browser.js`),格式:es`},cjs:{file:resolve(`dist/${name}.cjs.js`),格式:`cjs`},global:{file:resolve(`dist/${name}.global.js`),format:`iife`},//仅运行时构建,仅用于主要“vue”包'esm-bundler-runtime':{file:resolve(`dist/${name}.runtime.esm-bundler.js`),format:`es`},'esm-browser-runtime':{file:resolve(`dist/${name}.runtime.esm-browser.js`),格式:'es'},'global-runtime':{file:resolve(`dist/${name}.runtime.global.js`),format:'iife'}}对于初学者来说,第一次看有点迷糊,下面分别来自于“file”和“format”》我从以下两个维度说说我个人的理解:1.打包输出文件(file)的区别:1.全局打包:vue(.runtime).global(.prod).js:[使用CDNorno构建工具](1)全局包不是UMD构建,它们被打包成IIFEs,只用于通过标签。(如果你正在为你的应用程序创建一个包,你可能想使用它,因为它使文件大小很小。)umd-通用模块定义,与amd、cjs和iife系统集成-如果你有特殊的SystemJS加载器格式喜欢“前端源码”的可以微信扫一扫关注下方二维码公众号,内容持续更新中!目前VUE3.0源码正在解析中,欢迎加入!