主题
常见插件
支持导入不同类型的文件
rollup-plugin-esbuild
esbuild 是目前为止最快的 TS/ESNext 到 ES6 编译器和压缩器之一,这个插件为你取代了 rollup-plugin-typescript2
、@rollup/plugin-typescript
和 rollup-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()],
}
清空文件夹
js
import del from 'rollup-plugin-delete'
export default {
input: 'src/index.js',
output: {
file: 'dist/app.js',
format: 'cjs',
},
plugins: [
// ...
del({ targets: 'dist/*' }),
],
}
文件/文件夹复制
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' },
],
}),
],
}
启动一个开发服务器
js
import serve from 'rollup-plugin-serve'
export default {
input: 'src/main.js',
output: {
file: 'dist/bundle.js',
format: ...
},
plugins: [
serve('dist')
]
}