Livereload z Ember-CLI; przeładuj tylko zmienione zasoby - ember.js, ember-cli, livereload, broccolijs, gulp-livereload

Jestem przyzwyczajony do budowania systemu kompilacji aktywówz Gruntem lub Gulpem. Korzystając z livereload Gulpa i wtyczki livereload do Chrome, mam dość słodki system, w którym obserwuje zmiany niektórych typów plików i ładuje tylko ten plik, który został zmieniony Z ember-cli, kiedy zmieniam plik CSS, po prostu przeładowuje Cały stronę, a nie tylko ponowne ładowanie pliku CSS. To może być uciążliwe, gdy próbuję stworzyć głęboko zagnieżdżony proces. Jakieś pomysły / przemyślenia na temat tego, jak poprawnie pracować z Ember CLI?

Odpowiedzi:

Wierzę, że jest to wciąż praca z Ember CLI i jest planowana na przyszłe wydanie lub zależy od poprawki w Broccoli. Widzieć https://github.com/stefanpenner/ember-cli/issues/2371

To, co zrobiłem, aby ominąć to, prawdopodobnie nie jest idealne, ale w końcu używam stępienia i używam polecenia powłoki, aby uruchomić ember build, skopiuj dane wyjściowe do innego katalogu, który jest obsługiwany przez inny serwer (w moim przypadku IIS express), a następnie po prostu ręcznie oglądaj moje pliki.

Oto fragmenty z mojego pliku pomruków. Jestem pewien, że możesz dokonać tego samego używając Gulpa.

    shell: {
prod: {
command: "ember build --environment production"
},

dev: {
command: "ember build"
}
},
copy: {
dev: {
files: [{
src: "**",
dest: "../Server/Content/js",
cwd: "dist/content/js",
expand: true
}, {
src: "**",
dest: "../Server/content/css",
cwd: "dist/content/css",
expand: true
}, {
src: "dist/index.html",
dest: "../Server/Views/Home/Root.cshtml"

}]
}
},

watch: {
dev: {
files: [
"app/**/*.js", "app/**/*.hbs"
],
tasks: ["_buildDev"],
options: {
livereload: true
}
},

less: {
files: [
"app/**/*.less"
],
tasks: ["shell:dev", "copy:dev"]
},

css: {
files: [
"../Server/Content/css/**/*"
],
options: {
livereload: true
}
}
}

Oficjalne wsparcie jest w toku, tymczasem spróbuj tego ember-addona https://www.npmjs.com/package/ember-cli-styles-reloader