Как составить конфиг для gulp, чтобы компилировать .vue (однофайловые компоненты со стилями) в dist?

Question

[mgfck]

Здравствуйте.
Мне нужен конфиг для gulp, после работы которого на выходе были 2 файла: out.css и out.js
На вход подаются .vue файлы (Single File Components)
Если есть возможность, подскажите, как правильно или куда копать, уже всю башку сломал.

Comments

[MeylisDay]

https://github.com/javisperez/Vue-gulp-boilerplate может поможет
https://stackoverflow.com/questions/40795478/how-t...

[Сергей]

Чем vue-cli не угодил?

[mgfck]

Сергей, собственно, ничем. А vue-cli как-то может мне помочь?

[mgfck]

MeylisDay, спасибо за ответ.
При работе этого конфига css из vue-файлов нигде не задействован.
Может, я чего-то недопонял, но не нашёл, куда девается css.

Answer 1

[mgfck]

После долгих и упорных поисков нашёл то, что нужно:

gulp.task('dev', function() {
  return browserify({ entries: ['src/app/main.js']})
    //.transform(babelify, { presets: ['es2015'] })
    .transform(vueify)
    .plugin('vueify/plugins/extract-css', { out: './bundle.css' })    
    .bundle()
      .pipe(source('main.js'))
      .pipe(gulp.dest('./dist'))
      //.pipe(connect.reload());
});