rollup之基础

rollup之基础

rollup - 核心配置

  • input: 入口

    {String}:单入口

  • output: 出口

    • name: 导出模块名(如Jquery)
    • file: 导出文件名
    • format: 文件导出类型

      • es: 保持源文件
      • amd: 如RequireJS
      • cjs: 如Node and Browserify/Webpack
      • iife: 导出适用于<script>
      • umd: 适用于amd, cjs, iife

{Object}:配置出口文件

  • plugins: 插件区

    {Array}:各类插件

  • external: 外部引用库(不会被打包进入依赖中)

    {Array}:接受node_modules 与路径索引文件

  • globals: 全局引用变量

    {Object}:接受node_modules 与路径索引库(可与external配合使用)

  • sourcemap: 源码的Map

    {Boolean: 是否启用Map}

plugins配置

  • rollup并非开箱即用,需要处理外部模块引用问题

    通过插件rollup-plugin-node-resolve

  • common转 Es5

    通过插件rollup-plugin-commonjs ,但需要在Babel之前,以免对其他插件产生影响

  • Babel转义

    通过插件rollup-plugin-babel

  • 设置环境变量

    通过rollup-plugin-replace

  • 代码压缩

    通过插件rollup-plugin-uglify

  • 显示进程

    通过插件rollup-plugin-progress