CSS 不会在 Gulp 生产构建中加载

Question

我正在使用 generator-gulp-angular图书馆。在开发过程中，包括我的 CSS 在内的一切都运行良好。当我进行生产构建时，大部分 CSS 都没有加载。

问题的症状很简单。在我完成 gulp build 之后，我的单个 CSS 文件如下所示:

@import url(assets/css/application/dashboard.index.css);
@import url(assets/css/application/detail.alerts.css);
@import url(assets/css/application/detail.index.css);
@import url(assets/css/application/detail.map.css);
@import url(assets/css/application/detail.pod.css);

这会持续一段时间。 (我不得不放入一堆由独立开发团队创建的 CSS 文件。)

同样的事情发生在开发模式中，但是在开发模式中找到了导入的文件，而在生产模式中则没有。 (生产是 Heroku，FWIW。)

我最不明白的是，为什么在开发过程中 会发现 CSS 文件。这是 .tmp 的 树 的样子:

.tmp
├── partials
│   └── templateCacheHtml.js
└── serve
    ├── 404.html
    ├── app
    │   ├── index.css
    │   ├── index.js
    │   ├── vendor.css
    │   └── views
    │       ├── shipments
    │       │   └── index.html
    │       └── user-sessions
    │           └── new.html
    └── index.html

6 directories, 8 files

.tmp 中显然没有assets/css/...。例如，dashboard.index.css 存在的唯一位置是 assets/css，它位于 src/app/ 中，而不是public 或类似的东西。

我很困惑。任何指导将不胜感激。

Answer 1

我最终将所有 css 更改为 scss 并解决了问题。