Rollup 如何配置多入口?

推荐答案

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

-- -------------------- ---- -------
-- ----------------
------ ------- -
  ------ -
    ----- --------------
    ---------- ------------------
  --
  ------- -
    ---- -------
    ------- ------
    --------------- -----------
  -
--

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

本题详细解读

1. input 选项

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

2. output 选项

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

3. 示例配置解析

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

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

纠错
反馈