Uncr kullanmak için Ember CLI nasıl yapılandırılır

Question

Ember CLI'yi uncss kullanacak şekilde yapılandırmak için zor bir zamanım var. Kurulum:

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

app/templates/index.hbs

<h1>Hello World!</h1> 

Brocfile.js Ben https://github.com/sindresorhus/broccoli-uncss kullanmak için yapmanız Neler var

/* 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(); 

? http://iamstef.net/ember-cli/'un varlıklar kısmı, bunun kolay olduğunu söylüyor, ancak aslında nasıl yapılacağını açıklamıyor.

Answer 1

Brokoli-uncss benioku dosyasında iyi belgelenmemiş, ancak index.js ve test.js'a bakarsanız, bu fikri alırsınız.

Temel olarak, ilk parametre olarak bir ağaç ve ikinci parametre olarak bir seçenek karması geçirirsiniz. Ve seçenekler karma, index.html dosyasının nerede olduğunu söyleyen bir html seçeneğine sahip olmalıdır. Senin durumunda Oliver'ın söylediği şeyin doğru olduğunu düşünüyorum. Html'yi dist klasörünüzde kullanabilirsiniz. Bunu ember-cli ile nasıl bütünleştireceğimi bilmiyorum ama tahminim muhtemelen bir ember-cli eklentisine ihtiyacınız var, 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; 

Answer 2

yanılıyorsam beni düzeltin ...

Ben uncss bir "şablon ortamında" beklendiği gibi çalışmaz varsayalım!

Dış ve iç şablonunuz olduğunu varsayalım. Dış

<div class="outer"> 
    {{outlet}} 
</div> 

benziyor ve iç şablon ben uncss işine son vereceğini bildiği gibi belki Bildiğim kadarıyla

.outer h1 { 
    background: red; 
} 

yazabiliriz sizin css dosyasında

<h1>Text</h1> 

gibi görünecektir Bu css kuralı, çünkü uncs'ler şablonlarınızdan birini bulamaz.