我有一个gulpfile.js
,它使用Rollup来构建两个不同的JS文件(前端和管理)。rollup.config.js
方法允许指定多个入口点和包,但是为了用Gulp实现这一点,我不得不做一些麻烦的工作。
const javascripts = [
{
src: './app/assets/javascripts/main.js',
dest: './public/javascripts/main.js',
moduleName: 'main'
},
{
src: './admin/assets/javascripts/admin.js',
dest: './public/admin/javascripts/admin.js',
moduleName: 'admin'
}
]
gulp.task('js:compile', ()=> {
javascripts.forEach((item)=> {
return rollup({
input: item.src,
plugins: [
builtins(),
nodeResolve({ jsnext: true, browser: true }),
commonjs({
include: 'node_modules/**',
exclude: 'node_modules/rollup-plugin-node-globals/**',
ignoreGlobal: false,
sourceMap: true,
main: true,
browser: true
}),
json(),
buble()
]
}).then(function (bundle) {
return bundle.write({
format: 'iife',
name: item.moduleName,
file: item.dest
})
})
})
})
有没有更好的方法来实现这一点?我不反对重新组织我的文件使用globbing或类似的东西。
编辑:我已经更新了它,使用节点的fs
,而不是必须指定每个脚本,但这对我来说仍然感觉有点笨拙。
gulp.task('js:compile', () => {
fs.readdir('./app/assets/javascripts', (err, files) => {
if(err) throw err
files.forEach((file) => {
if(!file.match('.js')) return false
return rollup({
input: `./app/assets/javascripts/${file}`,
plugins: [
builtins(),
nodeResolve({ jsnext: true, browser: true }),
commonjs({
include: 'node_modules/**',
exclude: 'node_modules/rollup-plugin-node-globals/**',
ignoreGlobal: false,
sourceMap: true,
main: true,
browser: true
}),
json(),
buble()
]
}).then((bundle) => {
return bundle.write({
format: 'iife',
name: file.split('.')[-2],
file: `./public/javascripts/${file}`
})
}).catch( (e) => console.log(e) )
})
})
})
2条答案
按热度按时间falq053o1#
现在,您只需从
rollup.config.js
返回一个对象数组。所以如果你
export default {...}
export default [{...},{...},{...}, ...]
从这里寻找灵感
llew8vvj2#
你现在可以使用https://github.com/alfredosalzillo/rollup-plugin-multi-input,它也在输出目录中保留目录树。