在Rollup中配置从多个输入文件中只生成一个输出文件,可以通过以下步骤实现:
rollup.config.js
的配置文件。input
属性指定多个输入文件的路径,可以是一个数组或对象的形式,例如:input: {
main: 'src/main.js',
utils: 'src/utils.js'
}
output
属性指定输出文件的相关配置,包括输出路径和文件名,例如:output: {
file: 'dist/bundle.js',
format: 'umd',
name: 'MyBundle'
}
其中,file
指定输出文件的路径和文件名,format
指定输出文件的模块格式,name
指定输出文件的全局变量名。
rollup-plugin-concat
,该插件可以将多个文件合并成一个文件。安装插件:npm install rollup-plugin-concat --save-dev
plugins
属性中进行配置,例如:import concat from 'rollup-plugin-concat';
export default {
input: {
main: 'src/main.js',
utils: 'src/utils.js'
},
output: {
file: 'dist/bundle.js',
format: 'umd',
name: 'MyBundle'
},
plugins: [
concat({
files: ['src/main.js', 'src/utils.js'],
output: 'dist/bundle.js'
})
]
}
其中,files
指定需要合并的文件路径,output
指定输出文件的路径和文件名。
rollup -c
命令,即可根据配置文件生成合并后的输出文件。这样,就可以在Rollup中配置从多个输入文件中只生成一个输出文件了。在这个过程中,可以使用Rollup的插件rollup-plugin-concat
来实现文件的合并。
领取专属 10元无门槛券
手把手带您无忧上云