如何配置Ember CLI以使用uncss

Question

我很难配置Ember CLI来使用uncss.设置:

> ember new foobar
> cd foobar
> bower install --save-dev bootstrap
> ember generate route index

应用程序/模板/ index.hbs

<h1>Hello World!</h1>

Brocfile.js

/* global require, module */

var EmberApp = require('ember-cli/lib/broccoli/ember-app');

var app = new EmberApp();

app.import('vendor/bootstrap/dist/css/bootstrap.css');

module.exports = app.toTree();

我需要做什么才能使用https://github.com/sindresorhus/broccoli-uncss？http://iamstef.net/ember-cli/的资产部分说它很容易,但它没有描述如何实际做到这一点.

Answer 1

broccoli-uncss 自述文件中没有很好地记录它，但如果您查看 index.js和test.js，您就会明白。

基本上你传递一个树作为第一个参数，一个选项哈希作为第二个参数，选项哈希应该有一个 html 选项，告诉index.html在哪里。就你的情况而言，我认为奥利弗说的是真的。您可以使用 dist 文件夹中的 html 。我不确定如何将其与 ember-cli 集成，但我猜测您可能需要一个 ember-cli 插件，http://reefpoints.dockyard.com/2014/06/24/introducing_ember_cli_addons.html。

var uncss = require('broccoli-uncss');

var cssTree = uncss('dist`, {
// html file to uncss, or this could be a live link to the html
html: ['dist/index.html']
});

// you might somewhat merge this with ember-cli app tree here.

module.exports = cssTree;