Skip to content

常见插件

支持导入不同类型的文件

rollup-plugin-esbuild

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

js
import esbuild from 'rollup-plugin-esbuild'

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

如果只想要 Minify 功能,可以单独使用:

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

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

清空文件夹

rollup-plugin-delete

js
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

js
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

js
import serve from 'rollup-plugin-serve'

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

基于 MIT 许可发布