0

Как я могу использовать browsersync в приложении на rails? Возможно ли обойтись более простыми методами чем вот этот? https://github.com/vigetlabs/gulp-rails-pipeline Обязательно ли использовать сборщики типа gulp или можно обойтись npm задачами?

4
  • А чем плох gulp?
    – user181100
    2 мар 2016 в 11:24
  • Ничем. Возникают сложности с использованием его в rails приложении. Как мне настроить правильные пути к файлам и прочее? github.com/BrowserSync/recipes/blob/master/recipes/… 2 мар 2016 в 11:27
  • В приложенном вами же шаблоне дан пример: вот конфигурация с путями, вот задача по сборке Sass. Тут нет правильных вариантов, можно делать как вам удобно.
    – user181100
    2 мар 2016 в 11:31
  • Прописал пути к файлам в конфиге. Собрал все задачи. Все работает кроме вот этого по ходу .pipe(browserSync.reload({stream:true}));. Потому что при изменении sass файлов выполняется задача сборки css, но в браузере изменения не применяются. 2 мар 2016 в 19:39

1 ответ 1

0

файл config/environments/development.rb

отключаем метки

config.assets.digest = false

файл gulpfile.js

var gulp = require('gulp');
var browserSync = require('browser-sync').create();

var setupWatchers = function() {
  gulp.watch(['./app/views/**/*.haml',
              './app/assets/javascripts/**/*'], ['reload']);
  gulp.watch(['./app/assets/stylesheets/**/*'], ['reloadCSS'])
};

gulp.task('reload', function(){
  return browserSync.reload();
});

gulp.task('reloadCSS', function() {
  return browserSync.reload('assets/application.css');
});

gulp.task('init', function() {
  browserSync.init({
      proxy: 'localhost:3000',
      port: 3001,
      open: true,
      ui: {
        port: 3002
      }
  });

  setupWatchers();
});

gulp.task('default', ['init']);

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.