下面是 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'
});
});
阿神2017-05-16 16:52:15
就是像官网那样,把那个添加到你的任务里,当然官网的示例设置写得比较简略,其他的设置其实应该去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配置