1
當我運行gulp時,我得到一個「更新!」和「更新!」記錄保存main.js後但沒有捆綁有史以來gulp browserify + reactify not creating bundles
gulpfile.js:
var watchify = require('watchify');
var reactify = require('reactify');
var concat = require('gulp-concat');
var util = require('gulp-util');
gulp.task('browserify', function() {
var bundler = browserify({
entries: ['./dist/main.js'], // Only need initial file, browserify finds the deps
transform: [reactify], // We want to convert JSX to normal javascript
debug: true, // Gives us sourcemapping
cache: {}, packageCache: {}, fullPaths: true // Requirement of watchify
});
var watcher = watchify(bundler);
return watcher
.on('update', function() { // When any files update
var updateStart = Date.now();
console.log('Updating!');
watcher.bundle() // Create new bundle that uses the cache for high performance
.pipe(source('main.js'))
.on('error', util.log)
// This is where you add uglifying etc.
.pipe(gulp.dest('/build/'));
console.log('Updated!', (Date.now() - updateStart) + 'ms');
})
.on('error', util.log)
.bundle() // Create the initial bundle when starting the task
.pipe(source('main.js'))
.pipe(gulp.dest('/build/'))
.on('error', util.log);
});
// I added this so that you see how to run two watch tasks
gulp.task('css', function() {
gulp.watch('styles/**/*.css', function() {
return gulp.src('styles/**/*.css')
.pipe(concat('main.css'))
.pipe(gulp.dest('build/'));
});
});
// Just running the two tasks
gulp.task('default', ['browserify', 'css']);
我的文件結構
/build
/dist
-index.html
-main.js
/node_modules
/styles
gulpfile.js
我沒有發現任何錯誤,我完全在這一點上失去了。我試過改變目錄並重新加載所有內容,但沒有任何效果。
嗯...我認爲這會工作,但我仍然沒有看到任何東西被創建 – user3417966
這是完整的例子,對我工作https://github.com/nikita-graf/test –
你的版本似乎工作,除了現在我得到一個關於加載兩個版本的反應的一個不變的錯誤...可能是在我的一端 – user3417966