推荐答案
在 Rollup 中配置多入口可以通过 input
选项来实现。input
选项可以接受一个对象,其中键是入口名称,值是入口文件的路径。以下是一个示例配置:
-- -------------------- ---- ------- -- ---------------- ------ ------- - ------ - ----- -------------- ---------- ------------------ -- ------- - ---- ------- ------- ------ --------------- ----------- - --
在这个配置中,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 可以轻松地处理多入口文件的打包需求。