Laravel :怎么使用elixir中的browserSync() ？-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

Laravel :怎么使用elixir中的browserSync() ？

習慣沉默 2017-05-16 16:50:15

[PHP讨论组]

534

下面是 gulpfile.js:

var elixir = require('laravel-elixir');
require('laravel-elixir-sass-compass');

elixir(function(mix) {
    mix.compass(['app.scss', 'controllers.scss']).version('css/app.css');
    mix.scripts(['jquery.js','app.js']).version('js/all.js');
});

问题：
我想添加browserSync() 到gulpfile.js中，应该怎么写呢？
文档中是下面这样，但是要添加到上面代码中，不知道怎么做。

elixir(function(mix) {
    mix.browserSync({ 
       proxy: 'project.app'
    });
});

習慣沉默

全部回复(1)

阿神2017-05-16 16:52:15 1楼

就是像官网那样，把那个添加到你的任务里，当然官网的示例设置写得比较简略，其他的设置其实应该去browser-sync的官网看看的(看下它的gulp配置示例)，我的配置你参考下：

gulpfile.js

elixir(function(mix) {
    mix.sass('./resources/assets/sass/**/*.scss','public/dist/css/app.css');

    mix.browserify('index.js', 'public/dist/js/build-index.js');

    // 实时监听文件
    mix.browserSync({
        proxy: '192.168.0.112',   // apache或iis等代理地址
        port: 3000,
        notify: false,        // 刷新是否提示
        watchTask: true,
        open: 'external',
        host: '192.168.0.112',  // 本机ip, 这样其他设备才可实时看到更新
    });

});

这两篇笔记你可以看下，对你理解可能有帮助：
browser-sync配置
laravel-elixir配置

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>