ember.js - CSS 文件未在 Ember CLI 中按预期编译到 app.css 中？

Question

Ember CLI 文档说关于 /app/styles文件夹如下:

包含您的样式表，无论是 SASS、LESS、Stylus、Compass 还是普通 CSS(尽管只允许一种类型，请参阅 Assets 编译)。这些都编译成app.css。

我在 /app/styles 中有以下文件:app.css , one.css , two.css .

我希望在启动服务器时，在文件夹/dist/assets 中会有一个名为 appName.css 的文件。并且内容将是所有三个文件的串联。相反，只有 app.css 文件的内容。所以我用 @import 解决了这个问题在 app.css 中:

@import url("one.css");
@import url("two.css");

这适用于 0.0.46，虽然不是最佳的，因为对服务器提出了更多的请求。现在我更新到 0.1.1 和文件 one.css和 two.css不再复制到 /dist/assets文件夹。

但主要问题是:如何实现 /app/styles 中所有 css 文件的串联文件夹？我是否遗漏了一些基本的东西，或者是否需要将一些命令包含到 Brocfile.js 中？ ?

更新

这是 Brocfile.js 的片段展示我们如何连接 CSS 文件:

var concat = require('broccoli-concat');
var cleanCSS = require('broccoli-clean-css');

var concatenatedCss = concat('app/styles', {
    inputFiles: [
        'reset.css',
        'common.css',
        'layout.css',
        ...
    ],
    outputFile: '/assets/appName.css',
    wrapInFunction: false
});

if (app.env === 'production') {
    concatenatedCss = cleanCSS(concatenatedCss, {restructuring: false});
}

module.exports = app.toTree([concatenatedCss]);

我们手动将文件添加到 inputFiles 数组。

Answer 1

这是 0.1.1 版本的已知问题:Static css compiler broken (0.1.x regression)

您可能应该等待更新。

至于主要问题，请尝试 broccoli-concat .