Rollup.js 配合 Babel 插件：现代JavaScript构建的新选择

// rollup.config.js
import resolve from 'rollup-plugin-node-resolve';
import babel from 'rollup-plugin-babel';
import { terser } from 'rollup-plugin-terser';
 
export default {
  input: 'src/index.js',
  output: [
    {
      file: 'dist/bundle.cjs.js',
      format: 'cjs',
      plugins: [terser()]
    },
    {
      file: 'dist/bundle.esm.js',
      format: 'esm',
      plugins: [terser()]
    }
  ],
  plugins: [
    resolve(),
    babel({
      exclude: 'node_modules/**', // 排除转换node_modules内的代码
      presets: [
        [
          '@babel/preset-env',
          {
            modules: false, // 指示babel不将ES6模块转换为其他模块系统
            targets: '> 0.25%, not dead' // 指定浏览器兼容性目标
          }
        ]
      ]
    })
  ]
};

这个配置文件定义了如何使用Rollup和Babel来转换和打包项目代码。它设置了源代码的输入文件和输出文件的路径，并指定了Babel预设来转换代码。通过配置文件，开发者可以更轻松地管理项目的构建过程，并且得到更小、更优化的代码输出。