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

Question

Ember CLI文档说明了/app/styles以下文件夹:

包含样式表,无论是SASS,LESS,Stylus,Compass还是普通CSS(尽管只允许使用一种类型,请参阅资产编译).这些都编译成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 版本的已知问题：静态 css 编译器损坏（0.1.x 回归）

您可能应该等待更新。

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