常见插件

Rollup Awesome Plugins

https://github.com/rollup/awesome#plugins

支持导入不同类型的文件

• json
• yaml

rollup-plugin-esbuild

esbuild 是目前为止最快的 TS/ESNext 到 ES6 编译器和压缩器之一，这个插件为你取代了 rollup-plugin-typescript2、@rollup/plugin-typescript 和 rollup-plugin-terser。

import esbuild from 'rollup-plugin-esbuild'

export default {
  plugins: [esbuild()],
}

如果只想要 Minify 功能，可以单独使用：

import { minify } from 'rollup-plugin-esbuild'

export default {
  plugins: [minify()],
}

清空文件夹

rollup-plugin-delete

import del from 'rollup-plugin-delete'

export default {
  input: 'src/index.js',
  output: {
    file: 'dist/app.js',
    format: 'cjs',
  },
  plugins: [
    // ...
    del({ targets: 'dist/*' }),
  ],
}

文件/文件夹复制

rollup-plugin-copy

import copy from 'rollup-plugin-copy'

export default {
  input: 'src/index.js',
  output: {
    file: 'dist/app.js',
    format: 'cjs',
  },
  plugins: [
    copy({
      targets: [
        { src: 'src/index.html', dest: 'dist/public' },
        { src: ['assets/fonts/arial.woff', 'assets/fonts/arial.woff2'], dest: 'dist/public/fonts' },
        { src: 'assets/images/**/*', dest: 'dist/public/images' },
      ],
    }),
  ],
}

启动一个开发服务器

rollup-plugin-serve

import serve from 'rollup-plugin-serve'

export default {
  input: 'src/main.js',
  output: {
    file: 'dist/bundle.js',
    format: ...
  },
  plugins: [
    serve('dist')
  ]
}