Question

我目前正在调整Gulp设置，观察/编译gulp-sass。最后一步是在我的浏览器中重新加载服务器地址。

我已经看到了浏览器同步，实时重新加载能够创建快速服务器并重新加载或注入css更改。

但是我的css位于使用https的外部服务器上。我只需要gulp重新加载我目前在Chrome中的浏览器链接。

示例链接https://myShoppingCartExample.com/?scope=cart&parameters（不是真正的链接）

由于

Answer 1

首先，我认为实时重新加载的最佳插件将是gulp-live-server（我假设您正在使用express nodejs），我尝试了其他但没有为我工作（您可以使用npm install gulp-live安装它-server connect-livereload --save）。

其次是如何使用它

// Gulp Live server provides live reloading and restarting node.
gulp.task('serve', function () {
    // Run your script as a server
    var server = gls.new('./bin/www'); // Location to node start file mine is ./bin/www
    server.start();

    //use gulp.watch to trigger server actions(notify, start or stop)
    // watch accepts array of files you want to watch
    gulp.watch(['views/*.jade', 'routes/*.js'], function (file) {
        // server.notify tells server which files changed
        server.notify.apply(server, [file]);
    });

    // Restart my server
    gulp.watch('./bin/www', function () {
        server.start.bind(server)();
    });
});

// Default task runs when you run 'gulp' in terminal
// Here we have added 'serve' as dependency so it also runs on 'gulp'
gulp.task('default', ['serve'], function () {
    console.log("Running Gulp");
});

但那是如何正常完成的，因为你想重新加载页面而不是文件更改，但是在你拥有的某些事件上，而不是传递watch函数给出的文件对象，我们将使用带有路径的自定义对象的index.html / file_that_contains_css_link / your_jade_file /等。因此，无论何时想要重新加载，都要调用此任务。

gulp.task('reload', function () {
    server.notify.apply(server, [{
        type: 'changed',
        path: 'path_to_index_file'
    }]);
});

作为旁注，你需要在var app = express（）之后添加它;在你app.js或任何你称之为实时重新加载工作。

app.use(require('connect-livereload')());

Gulp live-reload外部链接（浏览器同步，Live-Reload等）

1 个答案: