2
Ich versuche, einen browserify Beobachter hinzufügen meine Änderungen zu kompilieren automatisch auf einige Komponenten von mir reagieren, aber der Beobachter nicht funktioniert ...Setup browserify Beobachter mit Laravel Elixier
Diese mich verrückt fahren! Ich verstehe nicht, warum diese Aufgabenläufer so kompliziert sein müssen und keine Standard-API haben!
Jede Hilfe wird sehr geschätzt!
Auf jeden Fall ist hier meine browserify Aufgabe
// react components
elixir(function(mix) {
mix.browserify(assetsJsDir + "components/*.jsx");
});
Und hier ist die ganze gulpfile.js
var elixir = require('laravel-elixir');
elixir.config.js.browserify.watchify.enabled = true;
var bowerDir = './bower_components/';
var assetsJsDir = './resources/assets/js/';
var assetsCssDir = './resources/assets/css/';
/*
|--------------------------------------------------------------------------
| 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 Sass
| file for our application, as well as publishing vendor resources.
|
*/
// styles
elixir(function(mix) {
mix.sass('app.scss')
.version(['css/app.css']);
});
// external libs js files
elixir(function(mix) {
mix.scripts([
bowerDir + 'jquery/dist/jquery.min.js',
bowerDir + 'bootstrap/dist/js/bootstrap.min.js',
bowerDir + 'react/react.js',
bowerDir + 'react/react-dom.js',
bowerDir + 'lodash/dist/lodash.min.js',
], 'public/js/extlibs.js', ".")
.version(['js/extlibs.js']);
});
// react components
elixir(function(mix) {
mix.browserify(assetsJsDir + "components/*.jsx");
});
// my libs js files
elixir(function(mix) {
mix.scripts([
assetsJsDir + "pagevars.js",
assetsJsDir + "traininglog-lib.js",
assetsJsDir + "session_new.js",
], "public/js/app.js")
.version(['js/app.js']);
});