下面是 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');
});
問(wèn)題:
我想添加browserSync()
到gulpfile.js
中,應(yīng)該怎么寫(xiě)呢?
文檔中是下面這樣,但是要添加到上面代碼中,不知道怎么做。
elixir(function(mix) {
mix.browserSync({
proxy: 'project.app'
});
});
就是像官網(wǎng)那樣,把那個(gè)添加到你的任務(wù)里,當(dāng)然官網(wǎng)的示例設(shè)置寫(xiě)得比較簡(jiǎn)略,其他的設(shè)置其實(shí)應(yīng)該去browser-sync
的官網(wǎng)看看的(看下它的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');
// 實(shí)時(shí)監(jiān)聽(tīng)文件
mix.browserSync({
proxy: '192.168.0.112', // apache或iis等代理地址
port: 3000,
notify: false, // 刷新是否提示
watchTask: true,
open: 'external',
host: '192.168.0.112', // 本機(jī)ip, 這樣其他設(shè)備才可實(shí)時(shí)看到更新
});
});
這兩篇筆記你可以看下,對(duì)你理解可能有幫助:
browser-sync配置
laravel-elixir配置