具有多个输入的汇总设置

Question

我在汇总设置方面遇到了困难。我想使用 typescript 和 postcss 构建以下文件夹结构。

- Component
  - ComponentA
    - ComponentA.scss
    - ComponentA.ts
    - IconA.svg
    - IconB.svg
  - ComponentB
    - ComponentB.scss
    - ComponentB.ts
- Layout
  - PageA
    - PageA.scss
    - PageA.ts
  - PageB
    - PageB.scss
    - PageB.ts
  - global.scss
  - global.ts

我除了这个文件夹结构

- public
  - Component
    - ComponentA
      - ComponentA.css
      - ComponentA.js
      - IconA.svg
      - IconB.svg
    - ComponentB
      - ComponentB.css
      - ComponentB.js
  - Layout
    - PageA
      - PageA.css
      - PageA.js
    - PageB
      - PageB.css
      - PageB.js
    - global.css
    - global.js

我在文档或任何地方都没有找到任何相关示例。我需要将源代码结构复制到输出文件夹。我写了一个简单的方法来发现基于 fs 的入口点，这是很简单的部分。但如何设置输出呢？

Answer 1

您仍然可以通过 Rollup 实现您想要的目标。为此，您将需要使用数组作为配置的默认导出的多个输入/输出。举个例子：

export default [
  {
    input: 'input1.js',
    output: {
      file: 'outpu1.js',
      format: 'cjs'
    }
    // ...
  },
  {
    input: 'input2.js',
    output: {
      file: 'output2.js',
      format: 'cjs'
    }
    // ...
  }
  // ...
];