Lumen 安裝使用 Elixir

小筆記.直接進入主題

進入專案

cd /path/to/lumen/project

安裝 gulp 和 laravel elixir package

npm install gulp --save-dev
npm install laravel-elixir --save-dev

放置 gulpfile.js

touch gulpfile.js

添加以下內容到 gulpfile.js

var elixir = require('laravel-elixir'),
    clean  = require('gulp-clean');

// 設置 詳細可以打開 elixir 的 Config.js 參看
// elixir.config.sourcemaps = true;
// elixir.config.publicDir  = "public";
// elixir.config.assetsDir  = "resources/assets/";
// elixir.config.bowerDir   = "vendor/bower_components";

// 自定義簡單的 task
gulp.task('clean', function () {
    return gulp.src([
        'public/foo',
        'public/bar'
    ])
    .pipe(clean({ force: true }));
});

// 自定義複雜的 task
elixir.extend("copySomething", function() {
    gulp.task('copySomething', function() {
        return gulp.src('resources/foo/bar/**/*').pipe(gulp.dest('public/foo/bar'));
    });

    // 註冊到監控事件裡面,每次改動時指定檔案時都會觸發這個 task
    this.registerWatcher('copySomething', "resources/foo/bar/**/*");

    return this.queueTask('copySomething');
});

elixir(function(mix) {
    mix.styles('app.css').scripts('app.js');
});