rollup.rollup与gulp结合

Rollup 和 Gulp 都是 JavaScript 的构建工具，它们可以结合使用来实现更高效的构建流程。

以下是一个使用 Rollup 和 Gulp 结合的示例：

const gulp = require('gulp');
const rollup = require('rollup');
const commonjs = require('@rollup/plugin-commonjs');
const { nodeResolve } = require('@rollup/plugin-node-resolve');
const babel = require('rollup-plugin-babel');

gulp.task('build', async function() {
  const bundle = await rollup.rollup({
    input: './src/index.js',
    plugins: [
      commonjs(),
      nodeResolve(),
      babel({
        exclude: 'node_modules/**'
      })
    ]
  });

  await bundle.write({
    file: './dist/bundle.js',
    format: 'iife'
  });
});

在这个示例中，我们使用 gulp.task 定义了一个名为 build 的任务，它使用 async/await 语法来处理异步操作。

我们使用 Rollup 的 rollup.rollup 方法来创建一个 Rollup 的实例，并传入一个包含输入文件和插件的配置对象。这里我们使用了 commonjs 和 nodeResolve 插件来处理 CommonJS 模块和 Node.js 模块的导入，以及 babel 插件来编译 JavaScript 代码。

最后，我们使用 bundle.write 方法将输出文件写入磁盘。

你可以像这样将 Rollup 和 Gulp 结合使用，以实现更高效的构建流程。