laravel elixir如何?即時預覽

來源:互聯網
上載者:User
laravel5環境下,如何用elixir+browserSync實現php頁面即時預覽?

var gulp             = require('gulp'),     browserSync     = require('browser-sync').create(),     less             = require('gulp-less');var elixir             = require('laravel-elixir');//elixir.config.sourcemaps = false;var config = {    name : 'baseblue',    version : '2.0.0',    proxy : 'localhost:8888',    jsDir : 'public/js/',    cssDir : 'public/css/',    minDir : 'public/min',    viewDir : 'resources/views/'}gulp.task('server', function() {    browserSync.init({        proxy: config.proxy,//Proxy 位址        notify: false,        open: true    });    gulp.watch(['resources/assets/less/test.less'],['testless']);    gulp.watch([            config.viewDir+'**/*.blade.php',            config.jsDir+'**/*.js',            config.cssDir+'**/*.css'        ]).on("change", browserSync.reload);});gulp.task('testless',function(){    return elixir(function(mix) {        mix.less('test.less');    });});

為什麼elixir不能在gulp task的函數中使用?

回複內容:

laravel5環境下,如何用elixir+browserSync實現php頁面即時預覽?

var gulp             = require('gulp'),     browserSync     = require('browser-sync').create(),     less             = require('gulp-less');var elixir             = require('laravel-elixir');//elixir.config.sourcemaps = false;var config = {    name : 'baseblue',    version : '2.0.0',    proxy : 'localhost:8888',    jsDir : 'public/js/',    cssDir : 'public/css/',    minDir : 'public/min',    viewDir : 'resources/views/'}gulp.task('server', function() {    browserSync.init({        proxy: config.proxy,//Proxy 位址        notify: false,        open: true    });    gulp.watch(['resources/assets/less/test.less'],['testless']);    gulp.watch([            config.viewDir+'**/*.blade.php',            config.jsDir+'**/*.js',            config.cssDir+'**/*.css'        ]).on("change", browserSync.reload);});gulp.task('testless',function(){    return elixir(function(mix) {        mix.less('test.less');    });});

為什麼elixir不能在gulp task的函數中使用?

laravel內建browserSync

謝謝!終於實現了,根據elixir版本選擇不同安裝對應的laravel-elixir-browsersync外掛程式。

  • 相關文章

    聯繫我們

    該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

    如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

    A Free Trial That Lets You Build Big!

    Start building with 50+ products and up to 12 months usage for Elastic Compute Service

    • Sales Support

      1 on 1 presale consultation

    • After-Sales Support

      24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.