1

我第一次使用 Laravel。我习惯使用 gulp,我通常在 gulpfile 中使用手动方法。我想用 laravel-elixir 对其进行改造,但我迷失了以下问题:

  • 几个文件位置和类型(css,less)。
  • 如果可能的话,我想使用 .env (APP_ENV) 变量
  • 使用观察者

代码示例: // 需要 var gulp = require('gulp');

// Include plugins
var less = require('gulp-less');
var util = require('gulp-util');
var gulpif = require('gulp-if');
var concat = require('gulp-concat');
var minifycss = require('gulp-minify-css');
var autoprefixer = require('gulp-autoprefixer');
var watch = require('gulp-watch');
var rev = require('gulp-rev');
var browserSync = require('browser-sync');
var reload = browserSync.reload;
var elixir = require('laravel-elixir');


// Styles LESS
gulp.task('styles', function () {
    return gulp.src([
            'vendor/bower_components/one/less/one.less',
            'vendor/bower_components/two/css/two.css',
            'resources/assets/less/app.less'
        ])
        .pipe(gulpif(/[.]less/, less()))
        .pipe(autoprefixer())
        .pipe(concat('style.css'))
        .pipe(gulpif(elixir.config.production == true, minifycss({keepBreaks:false,keepSpecialComments:0})))
        .pipe(rev())
        .pipe(gulp.dest('public/css/'));

});

gulp.task('serve', function() {

    browserSync({
        proxy: {
            target: "local.dev"
        },
        open: false
    });

    gulp.watch(['resources/assets/less/**/*.less'], ['styles']).on('change',     reload);
});

gulp.task('default', ['styles', 'serve']);

如何使用 Elixir 翻译此文件。我有

4

0 回答 0