Rollup 如何配置多入口？

推荐答案

在 Rollup 中配置多入口可以通过 input 选项来实现。input 选项可以接受一个对象，其中键是入口名称，值是入口文件的路径。以下是一个示例配置：

// www.javascriptcn.com code example
// rollup.config.js
export default {
  input: {
    main: 'src/main.js',
    secondary: 'src/secondary.js'
  },
  output: {
    dir: 'dist',
    format: 'esm',
    entryFileNames: '[name].js'
  }
};

在这个配置中，input 对象定义了两个入口文件：main 和 secondary。Rollup 会分别打包这两个入口文件，并将输出文件放置在 dist 目录下，文件名分别为 main.js 和 secondary.js。

本题详细解读

1. input 选项

input 选项用于指定 Rollup 的入口文件。当需要配置多个入口时，可以将 input 设置为一个对象，对象的键是入口名称，值是入口文件的路径。Rollup 会根据这些入口文件分别进行打包。

2. output 选项

output 选项用于配置 Rollup 的输出行为。在多入口配置中，output.dir 指定了输出目录，output.format 指定了输出格式（如 esm、cjs 等），output.entryFileNames 则用于指定输出文件的命名规则。[name] 是一个占位符，表示入口名称。

3. 示例配置解析

• input: { main: 'src/main.js', secondary: 'src/secondary.js' }：定义了两个入口文件，main 和 secondary。
• output: { dir: 'dist', format: 'esm', entryFileNames: '[name].js' }：指定了输出目录为 dist，输出格式为 esm，输出文件名为 [name].js，即根据入口名称生成对应的输出文件。

通过这种方式，Rollup 可以轻松地处理多入口文件的打包需求。