Как быстро и быстро загружать препроцессор и печенье?

Question

Я создаю проект с проектом с SCSS. Я разработал проект с Йоменом, и все это отлично сработало. В настоящее время препроцессор SCSS и загрузка в печень очень медленны.

Это моя Gruntfile.js часы задача:

watch: { 
    sass: { 
     files: ['<%= yeoman.app %>/_/css/**/*.{scss,sass}'], 
     tasks: ['sass:server'] 
    }, 
    livereload: { 
     options: {livereload: true}, 
     files: [ 
      '<%= yeoman.app %>/_/css/**/*.css', 
      '<%= yeoman.app %>/_/css/*.css', 
      '<%= yeoman.app %>/_/js/**/*', 
      '<%= yeoman.app %>/script/*.js', 
      '<%= yeoman.app %>/_/img/**/*', 
      '<%= yeoman.app %>/*.php', 
      '<%= yeoman.app %>/**/*.php' 
     ] 
    } 
} 

И это мои часы дерзость задача:

sass: { 
    server: { 
     options: { 
      sourcemap: true, 
      debugInfo: true, 
      lineNumbers: true, 
      style: 'expanded' 
     }, 
     files : [{ 
      expand: true, 
      cwd: '<%= yeoman.app %>/_/css', 
      src: '**/*.scss', 
      dest: '<%= yeoman.app %>/_/css', 
      ext: '.css' 
     }] 
    }, 
    dist: { 
     ... 
    } 
}, 

У меня есть main.scss файл, в котором находится большая часть моей CSS. Я попытался сделать еще один, меньший файл .scss, думая, что, возможно, меньший файл загружается быстрее. Он предварительно обрабатывается почти мгновенно, но страница загружается с помощью файла только после того, как main.scss обрабатывается main.css.

Мои вопросы:

• Как мне организовать мои Gruntfile.js сделать LiveReload быстрее?
• Почему печенье не запускается, когда small-file.scss предварительно обрабатывается и сохраняется на диск как small-file.css?
• Как я могу сделать свою функцию sass.server так, чтобы она обрабатывала только отредактированный файл, а не все файлы, установленные в источнике?

Answer 1

На самом деле речь шла не о Gruntfile.js. Я импортировал весь загрузочный файл поверх моего main.scss, поэтому, очевидно, для его предварительной обработки требуется много времени.

@import "../bower_components/bootstrap-sass-official/assets/stylesheets/_bootstrap.scss"; 

Теперь я просто захвачу части бутстрапа, которые мне действительно нужны.