Livereload с помощью Ember-CLI; перезагружать только измененные активы

Я привык создавать систему компиляции ассетов с помощью Grunt или Gulp. Используя Gulp livereload и плагин Chrome livereload, я получил довольно приятную систему, в которой она отслеживает изменения определенных типов файлов и перезагружает только тот файл, который был изменен. С ember-cli, когда я изменяю файл CSS, он просто перезагружает всю страницу, а не просто перезагружает файл CSS. Это становится проблемой, когда я пытаюсь стилизовать глубоко вложенный процесс. Любые идеи/мысли о том, как заставить это работать с Ember CLI правильно?


livereload ember.js ember-cli broccolijs gulp-livereload
person typeoneerror    schedule 21.11.2014    source источник

Ответы (2)


arrow_upward
2
arrow_downward

Я полагаю, что работа с Ember CLI все еще продолжается и планируется для будущего выпуска или зависит от исправления в Broccoli. См. https://github.com/stefanpenner/ember-cli/issues/2371

То, что я сделал, чтобы обойти это, вероятно, не идеально, но в конечном итоге я использую grunt и использую команду оболочки для запуска ember build, копирую вывод в другой каталог, который обслуживается другим сервером (в моем случае IIS экспресс), а затем просто вручную просмотрите мои файлы.

Вот фрагменты из моего файла grunt. Я уверен, что вы можете сделать то же самое, используя Gulp.

    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
            }
        }
    }
person Mike Wilson    schedule 25.11.2014

arrow_upward
1
arrow_downward

Официальная поддержка находится в разработке, а пока попробуйте этот ember-аддон https://www.npmjs.com/package/ember-cli-styles-reloader

person xoma    schedule 08.03.2015