Rollup 配置选项总览

// rollup.config.js
import { fileURLToPath } from "node:url"

export default {
  input: "src/main.js",
  external: [
    "react",
    "react-dom",
    fileURLToPath(
      new URL("src/some-local-file-that-should-not-be-bundled.js", import.meta.url)
    ),
    /node_modules/
  ],
  output: {
    file: "dist/bundle.js",
    format: "es",
    globals: {
      react: "React",
      "react-dom": "ReactDOM"
    }
  }
}

// rollup.config.js
export default {
  input: {
    main: "src/main.js",
    admin: "src/admin.js"
  },
  output: {
    dir: "dist",
    format: "es"
  }
}

rollup --input src/entry1.js --input src/entry2.js --format es
# 等价于
rollup src/entry1.js src/entry2.js --format es

// rollup.config.js
export default {
  input: "src/main.jsx",
  jsx: {
    mode: "automatic",
    importSource: "react",
    jsxImportSource: "react"
  },
  output: {
    file: "dist/bundle.js",
    format: "es"
  }
}

export default {
  input: ["src/main.js", "src/admin.js"],
  output: {
    dir: "dist",
    format: "es"
  }
}

export default {
  input: "src/main.js",
  output: {
    file: "dist/bundle.cjs",
    format: "cjs"
  }
}

export default {
  input: "src/index.js",
  external: ["react"],
  output: {
    file: "dist/my-lib.umd.js",
    format: "umd",
    name: "MyLib",
    globals: {
      react: "React"
    }
  }
}

export default {
  // ...
  onwarn(warning, warn) {
    if (warning.code === "CIRCULAR_DEPENDENCY") return
    warn(warning)
  }
}

export default {
  input: ["src/main.js", "src/admin.js"],
  output: {
    dir: "dist",
    format: "es",
    entryFileNames: "entry/[name]-[hash].js",
    chunkFileNames: "chunks/[name]-[hash].js",
    assetFileNames: "assets/[name]-[hash][extname]"
  }
}

export default {
  input: "src/main.js",
  output: {
    dir: "dist",
    format: "es",
    manualChunks: {
      vendor: ["react", "react-dom"]
    }
  }
}

export default {
  input: "src/main.js",
  output: {
    dir: "dist",
    format: "es",
    manualChunks(id) {
      if (id.includes("node_modules")) return "vendor"
    }
  }
}

export default {
  input: "src/index.js",
  treeshake: {
    moduleSideEffects: (id) => !id.includes("side-effect-free")
  }
}

export default {
  input: "src/main.js",
  output: {
    dir: "dist",
    format: "es"
  },
  watch: {
    include: "src/**",
    exclude: "node_modules/**",
    clearScreen: true,
    buildDelay: 100
  }
}