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文件。这就是tree .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

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

我很难过。任何指导都将不胜感激。

Answer 1

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

CSS不会加载Gulp生成版本

1 个答案: