我想使用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
原文地址:https://www.jb51.cc/js/154125.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。