比 Webpack 更高效的 Rollup 入门指南

npm install --global rollup

rollup [options] <entry file>

rollup main.js --file bundle.js --format cjs

// rollup.config.js
export default {
  input: 'src/main.js',
  output: {
    file: 'bundle.js',
    format: 'cjs'
  }
};

import json from 'rollup-plugin-json';
export default {
  input: 'src/main.js',
  output: {
    file: 'bundle.js',
    format: 'cjs'
  },
  plugins: [ json() ]
}

yarn add -D rollup-plugin-terser

import { terser } from 'rollup-plugin-terser';
export default {
  input: 'src/main.js',
  output: [
    { file: 'bundle.js', format: 'cjs' },
    { file: 'bundle.min.js', format: 'iife', name: 'version', plugin: [terser()] }
  ]
}

export default [
  // browser-friendly UMD build
  {
    input: 'src/index.ts',
    output: {
      name: 'test',
      file: pkg.browser,
      format: 'umd'
    },
    plugins: [
      commonjs(), // so Rollup can convert `ms` to an ES module
      typescript(), // so Rollup can convert TypeScript to js
    ]
  },
  {
    input: 'src/index.ts',
    plugins: [
      typescript(), // so Rollup can convert TypeScript to js
    ],
    output: [
      { file: pkg.main, format: 'cjs' },
      { file: pkg.module, format: 'es' }
    ]
  }
];

yard add -D rollup-plugin-typescript ts-node tslib typescript

import typescript from 'rollup-plugin-typescript';
export default { 
  plugins: [ typescript() ]
}

import babel from 'rollup-plugin-babel';
export default { 
  //plugins: [ babel() ]
  plugins: [
    babel({
      exclude: 'node_modules/**',
      extensions: ['.jsx', '.tsx', '.js', '.ts']
    })
  ]
}