gulp – 电子应用的实时重新加载

我想使用VScode Gulp Electron的组合来构建应用程序.开发工作流程的一个很好的功能是将现场重新加载任务添加到我的Gulp监视任务中,以便在每次更改时重新加载Electron应用程序.

任何想法如何实现？

您的帮助非常感谢.

解决方法

我可以用 gulp-livereload插件来实现这一点.这里是仅生成CSS的代码.其他一切都一样.

var gulp = require ('gulp'),run = require('gulp-run'),livereload = require('gulp-livereload'),uglify = require('gulp-uglify'),concat = require('gulp-concat'),rename = require('gulp-rename'),minifycss = require('gulp-minify-css'),jshint = require('gulp-jshint'),autoprefixer = require('gulp-autoprefixer'),rimraf = require('gulp-rimraf');

var cssSources = [
  'app/components/css/main.css',];

gulp.task('css',function(){
  gulp.src(cssSources)
  .pipe(concat('main.css'))
  .pipe(autoprefixer({browsers: ['last 2 versions','ie 10']}))
  .pipe(gulp.dest('app/public/styles'))
  .pipe(rename({suffix: '.min'}))
  .pipe(minifycss())
  .pipe(gulp.dest('app/public/styles'))
  .pipe(livereload());
})

gulp.task('watch',function(){
  livereload.listen();
  gulp.watch(cssSources,['css'])
})

gulp.task('run',['build'],function() {
  return run('electron .').exec();
});

gulp.task('default',['watch','run']);

Livereload在桌面应用程序是非常棒的.

确保添加

<script src="http://localhost:35729/livereload.js"></script>

到你的index.html