定制laravel酏剂肝脏负荷

Question

我需要在混合后执行。Less ('app.less')会自动重新加载页面。什么不会每次按F5gulpfile.js

var elixir = require('laravel-elixir');
/*
 |--------------------------------------------------------------------------
 | Elixir Asset Management
 |--------------------------------------------------------------------------
 |
 | Elixir provides a clean, fluent API for defining some basic Gulp tasks
 | for your Laravel application. By default, we are compiling the Less
 | file for our application, as well as publishing vendor resources.
 |
 */

elixir(function(mix) {
    mix.less('app.less');
    mix.copy('resources/assets/vendor/bootstrap-switch/dist', 'public/packages/bootstrap-switch');
});

是否可以使用它作为一个gulp浏览器同步?

Answer 1

恐怕还没有办法将livereload与长生不老药一起使用。我建议你停止使用elixir，并开始使用通用通用gulp插件的所有自由。

我的live reload with Livereload:

1. 安装Chrome插件
2. 启用它在Chrome的工具栏按下它的按钮
安装gulp-modules:

3. npm install gulp gulp-plumber gulp-connect gulp-sass——save-dev

4. 创建一个简单的gulpfile(加载为*)。(仅限SCSS文件)下面。

5. 运行吞咽

gulpfile.js示例

'use strict';
var
    gulp = require('gulp'),
    plumber = require('gulp-plumber'),
    connect = require('gulp-connect'),
    sass = require('gulp-sass');
gulp.task('sass', function () {
    return gulp.src('public/css/*.sass')
        .pipe(sass().on('error', sass.logError))
        .pipe(gulp.dest('public/css'));
});
gulp.task('watch', ['sass'], function () {
    gulp.watch(['resources/assets/sass/*.scss'],
        function (e) {
            gulp.src(e.path)
                .pipe(plumber())
                .pipe(sass().on('error', sass.logError))
                .pipe(gulp.dest('public/css'))
            ;
        }
    );
    gulp.watch(['public/css/*.css',],
        function (e) {
            gulp.src(e.path)
                .pipe(connect.reload())
            ;
        }
    );
});
gulp.task('server', ['watch'], function () {
    connect.server({
        root: 'public',
        livereload: true
    });
});
gulp.task('default', ['server']);

Answer 2

首先安装一个名为laravel-elixir- liverload的插件

npm install --save-dev laravel-elixir-livereload

之后在你的gulpfile.js中这样写:

var elixir  = require('laravel-elixir');
require('laravel-elixir-livereload');

elixir( function(mix) {
    mix.less('app.less')
    .livereload();
});

最后运行

gulp watch

文档https://www.npmjs.com/package/laravel-elixir-livereload

Answer 3

你可以使用browsersync()不需要安装任何东西，如果你有Elixir 3.3和homeestand

先运行$ php artisan serve——host=0

在你的gulpfile.js: mix。browserSync({代理:' localhost: 8000});

Answer 4

你可以使用laravel-elixir-browsersync-official插件。

你的gulpfile.js应该是这样的:

const elixir = require('laravel-elixir');
elixir((mix) => {
    mix.less('app.less')
        .copy('resources/assets/vendor/bootstrap-switch/dist', 'public/packages/bootstrap-switch')
        .browserSync({
            proxy: 'your-project.url'
        })
});