Rollup 是否可以保留文件和文件夹结构？

Question

我正在使用 ES6 导入并使用 Rollup 对其进行转译。

输出是单个捆绑文件。

Rollup 可以配置为生成文件到文件的转译结果吗？

这是我正在使用的当前配置，它显然会输出一个文件。

 gulp.task('rollup', function() {
    const rollup = require('rollup');
    const nodeResolve = require('rollup-plugin-node-resolve');

    const JS_INDEX_FILE = 'src/index.js';

    return rollup.rollup({
        input: JS_INDEX_FILE,
        plugins: [
            nodeResolve({
                browser: true
            })
        ]
    }).then(bundle => {
            bundle.write({
                sourcemap: true,
                format: 'cjs',
                strict: true,
                file: 'bundle.js'
            });
        });
});

基本上，我想要单个文件而require()不是import.

Answer 1

如果您想使用 rollup 将 ES6 转换为 CommonJS 并保留文件和目录结构，您的 rollup 配置可能如下所示：

import { nodeResolve } from "@rollup/plugin-node-resolve";

export default [
  {
    input: ["src/index.js"],
    plugins: [nodeResolve()],
    output: [
      {
        dir: "dist",
        format: "cjs",
        exports: "named",
        preserveModules: true, // Keep directory structure and files
      }
    ]
  }
]

请参阅将 Rollup 与其他工具集成，以确定您是否需要该@rollup/plugin-node-resolve插件以及从外部包中“保留”的确切内容。

Answer 2

Rollup 是一个模块捆绑器。你需要的是一个编译器，比如 Babel。