parcel - 使用 Pug 和多个入口点设置 Parcel 的问题

Question

我正在尝试使用 Pug 和多个入口点设置 Parcel。我已经梳理了文档，但我无法弄清楚我做错了什么。现在我有两个主要问题：

1. CSS 仅about.html在构建时加载，而不是index.html.
2. HTML 文件正在构建中，但我需要将它们构建到文件夹中。所以about.pug应该建为about/index.html. 如何将 pug 文件构建到各自的文件夹中：page/index.html？

项目结构：

 src
    ├── js
    │   └── index.js
    ├── pug
    │   ├── about.pug
    │   ├── index.pug
    │   └── layouts
    │       └── default.pug
    └── styles
        └── main.scss

两者about.pug都index.pug在使用默认布局src/layouts/default.pug。

该SCSS文件正在index.js像这样导入：

import "../styles/main.scss";

但由于某种原因，CSS 只是在构建时才被导入about.html而不是index.html在构建时。

这是我的package.json构建脚本：

"scripts": {
   "start": "parcel src/pug/*.pug",
   "build": "parcel build src/pug/*.pug"
}

如果你想看看，这里是一个 repo：github 存储库

标签： parcelpug-loader