快速开始
format
amd
:异步模块加载,适用于RequireJS
等模块加载器cjs
:CommonJS
,适用于Node
环境和其他打包工具(别名:commonjs
)es
:将bundle
保留为ES
模块文件,适用于其他打包工具,以及支持<script type=module>
标签的浏览器。(别名:esm
,module
)iife
:自执行函数,适用于<script>
标签(如果你想为你的应用程序创建bundle
,那么你可能会使用它)。iife
表示 “自执行 函数表达式”umd
:通用模块定义规范,同时支持amd
,cjs
和iife
system
:SystemJS
模块加载器的原生格式(别名:systemjs
)
常用插件
插件 | 用途 |
---|---|
@rollup/plugin-node-resolve | rollup 无法识别 node_modules 中的包,帮助 rollup 查找外部模块,然后导入 |
@rollup/plugin-commonjs | 将 CommonJS 模块转换为 ES6 供 rollup 处理 |
@rollup/plugin-babel | ES6 转 ES5,让我们可以使用 ES6 新特性来编写代码 |
@rollup/plugin-eslint | js代码检测 |
@rollup/plugin-require-context | 使用 require.context 语法 |
@rollup/plugin-alias | 设置别名,比如将 src 目录设置别名为 @ |
@rollup/plugin-terser | 压缩 js 代码,包括 ES6 代码压缩 |
rollup-plugin-cleanup | 去除注释等无效代码 |