Grunt livereload компилирует файлы bootstrap sass с помощью yeoman

Мой вопрос прост. Я сделал базовую установку yeoman (yo webapp) с бутстрапом, sass, компасом и jquery.

Я хотел бы скомпилировать файлы bootstrap sass на livereload, поскольку я использую grunt serve. В настоящее время только файл main.scss компилируется при перезагрузке.

Является ли это возможным ? Если да, подскажите как?

С наилучшими пожеланиями,


twitter-bootstrap sass gruntjs livereload yeoman
person dude204    schedule 07.02.2014    source источник

Ответы (2)


arrow_upward
2
arrow_downward

Попробуйте так:

Смотреть:

watch: {
    livereload: {
        files: [
            '<%= yeoman.app %>/*.html',
            '{.tmp,<%= yeoman.app %>}/styles/{,*/}*.css',
            '{.tmp,<%= yeoman.app %>}/scripts/{,*/}*.js',
            '<%= yeoman.app %>/img/{,*/}*.{png,jpg,jpeg,gif,webp,svg}'
        ],
        tasks: ['livereload']
    },

    sass: {
        files: "<%= yeoman.app %>/sass/{,**/}*.sass",
        tasks: ["sass:tmp"]
    }
}

Сасс:

sass: {
    tmp: {
        files: {
            "<%= yeoman.tmp %>/styles/index.css": "app/sass/index.sass",
        },
        options: {
            paths: ["app/sass"]
        }
    },
}
person Evgeny Samsonov    schedule 07.02.2014

arrow_upward
0
arrow_downward

Просто нажмите «сохранить» в файле main.scss после внесения изменений в файлы sass boostrap. Например, я перенастроил цветовые переменные в файле bootstrap sass, который содержит переменную, а затем сохранил его, как и файл main.scss. Браузер перезагрузился и сделал все похожим на помидор.

person Tom    schedule 10.06.2015