easy-reload

Easy reload your page once you change the file.

Usage no npm install needed!

<script type="module">
  import easyReload from 'https://cdn.skypack.dev/easy-reload';
</script>

README

Easy reload

Easy reload是一个Gulp插件，适用于无法修改host地址的场景（JS引入），尤其是移动端开发调试。

使用

在gulpfile文件中引入插件：

var reload = require('Easy-reload');

开启监听服务器：

reload.init();

然后对指定的文件修改进行刷新，比如修改scss文件的时候刷新：

    return gulp.src(file)
        .pipe(compass({
            config_file: './config.rb',
            css: 'dev/'+dir+'/css',
            sass: 'dev/'+dir+'/scss',
            image: 'dev/'+dir+'/images'
        }))
        .pipe(gulp.dest(dest))
        .pipe(reload.stream());

在最后加上reload.stream()。

然后在需要刷新的页面引入一段JS，例如： <script src="http://HOST:3333/reload.js"></script>

这样，每次修改都会刷新，同时这段代码还会劫持console.log方法，可以方便的将调试信息在命令行工具里面查看，所以特别适合移动端开发。