使用 Ember-CLI 重新加载；仅重新加载更改的资产答案

【问题标题】：Livereload with Ember-CLI; only reload changed assets使用 Ember-CLI 重新加载；仅重新加载更改的资产
【发布时间】：2015-01-20 04:38:51
【问题描述】：

我习惯于使用 Grunt 或 Gulp 构建资产编译系统。使用 Gulp 的 livereload 和 Chrome livereload 插件，我有一个非常好的系统，它可以监视某些文件类型的更改并仅重新加载已更改的文件。使用 ember-cli，当我更改 CSS 文件时，它只会重新加载整个页面，而不仅仅是重新加载 CSS 文件。当我尝试设计一个深度嵌套的流程时，这会很痛苦。关于如何正确使用 Ember CLI 的任何想法/想法？

【问题讨论】：

标签： ember.js ember-cli livereload broccolijs gulp-livereload

【解决方案1】：

我相信这仍然是 Ember CLI 的一项工作，并计划在未来的版本中发布，或者取决于 Broccoli 中的修复。见https://github.com/stefanpenner/ember-cli/issues/2371

我为解决这个问题所做的工作可能并不理想，但我最终使用 grunt，并使用 shell 命令运行ember build，将输出复制到另一个服务器正在服务的不同目录（在我的情况下是 IIS express），然后手动查看我的文件。

这是我的 grunt 文件中的 sn-ps。我相信你可以使用 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
            }
        }
    }

【讨论】：

【解决方案2】：

官方支持正在进行中，同时试试这个 ember-addon https://www.npmjs.com/package/ember-cli-styles-reloader

【讨论】：