node.js - 使用 brunch 可以自定义 'themes' 编译吗？

Question

我正在尝试弄清楚如何使用早午餐来完成以下任务。这是我们应用程序的当前目录结构:

--app
    --base (theme folder, considered the master for all themes)
        --sass
        --js
    --theme2
        --sass
        --js
    --theme3
        --sass
        --js
...so on

基本文件夹充当所有其他主题的主文件夹。但是，如果另一个主题在 sass 目录或 js 目录中具有与基本文件夹中的文件匹配的文件，它将覆盖基本文件夹中的该文件(这也适用于导入)。

到目前为止我已经创建了 this它按需要的方式工作，但它绕过了 brunch 管道，因为我写出了文件(当前不支持文件串联)，并且我更愿意使用正确的 brunch 管道来执行此操作。

发生的情况是，它在基本文件夹中遇到的每个 sass 或 js 文件都用于为另一个主题生成新文件。例如，假设基本主题有一个名为 main.scss 的文件。传递给编译的路径是base/scss/main.scss。现在，我想对其他主题使用相同的文件，以便获取所有主题文件夹，并为其他每个主题动态使用此基本 main.scss 文件。但是，我还更改内部导入以替换文件导入(如果它们存在于其他主题目录中)。它不是将同一个文件分发到多个位置。

问题是我想动态生成新的 CSS 文件以供 brunch 渲染到与传入的原始路径无关的不同文件夹(以及该路径的 joinTo 配置选项)。通过调用回调，它会自动使用传递给compile方法的原始路径参数。

Answer 1

使用overrides在您的 brunch-config 中更改您的 joinTo 以包含 base 以及给定的主题。如果有帮助的话，您还可以为每个主题自定义构建输出目录或其他任何内容。然后使用 brunch build --env theme1 等命令单独运行每个构建。