Rollup Awesome

• rollup/awesome

插件/plugins

• rollup/plugins
• btd/rollup-plugin-visualizer 可视化 bundle 大小分析
• rollup-plugin-peer-deps-external
  • 将 peerDependencies 处理为 external
• rollup-plugin-dts
  • 生成 d.ts

import { visualizer } from 'rollup-plugin-visualizer';

export default {
  plugins: [
    // 最后
    visualizer({ json: true }),
    // visualizer({ filename: 'stats.treemap.html'}),
    // visualizer({ filename: 'stats.sunburst.html', template: 'sunburst' }),
    // visualizer({ filename: 'stats.network.html', template: 'network' }),
  ],
};

# 可以事后生成
npx rollup-plugin-visualizer stats.json --template sunburst --filename stats.sunburst.html

@rollup/plugin-replace

import replace from '@rollup/plugin-replace';

replace({
  'process.env.NODE_ENV': JSON.stringify('production'),
  __BUILD_DATE__: () => JSON.stringify(new Date()),
  __BUILD_VERSION__: 15,
});