b.add(p.format(obj), opts); b.bundle((err, buf) => err ? rej(err) : res(buf)); });
app.use('/js/build/router-basic.js', function(req, res, next){ var browserify = require('browserify'); browserify() .add(__dirname + '/public/js/router-basic.js') .transform(require('reactify')) .bundle() .pipe(res); });
gulp.task('browserify', function(){ var b = browserify(); b.transform(reactify); // use the reactify transform b.add('app/jsx/app.jsx'); return b.bundle() .pipe(source('app.js')) .pipe(gulp.dest('app/js/')); });
gulp.task('js', function () { browserify(app.src + '/main.js', { debug: true }) .add(require.resolve('babel-polyfill')) .transform(babelify) .bundle() .on('error', $.util.log.bind($.util, 'Browserify Error')) .pipe(source('app.js')) .pipe(buffer()) .pipe(gulp.dest(app.dist + 'js/')); });
// This is a convenience while things are still under active development. // TODO: main.js should be built and shipped as part of the publish process function factory() { return function (content, file, done) { if (file.originalPath !== mainPath) { done(null, content); return; } var fileCache = {}; fileCache[mainPath] = content; var bundler = browserify({debug: true, basedir: __dirname, fileCache: fileCache}); bundler.add(mainPath, {basedir: __dirname}); bundler.bundle(done); }; }
// Basic usage gulp.task('scripts', function() { var entryFile = './jsx/clientApp.jsx'; var bundler = browserify({ extensions: ['.js', '.es6.js', '.jsx'], transform: ['babelify'] }); bundler.add(entryFile); var stream = bundler.bundle(); stream.on('error', function (err) { console.error(err.toString()) }); stream .pipe(source(entryFile)) .pipe(rename('index.js')) .pipe(gulp.dest('public/')); });
.add('./browser.js') .transform(literalify.configure({ 'react': 'window.React',
/** * Bundling files using Browserify * @param {String} inputFilePath Path to the source file * @param {String} outputFilePath Output target path * @param {Function} callback */ function bundleBrowserify(inputFilePath, outputFilePath, filesStack, callback) { const bundleFs = fs.createWriteStream(outputFilePath); const b = browserify(); b.add(inputFilePath, jsModuleOptions); bundleFs.on("finish", () => { minification(outputFilePath).then(() => { console.log(`${outputFilePath} is processed`); filesStack.pop(); // Check if all files are processed if (!filesStack.length && callback) callback(null, true); }); }); b.bundle().pipe(bundleFs); }
// Build webbrowser bundle gulp.task("bundle", function() { var libraryName = "gs1.js"; var mainTsFilePath = "src/index.js"; var outputFolder = "dist/"; var outputFileName = libraryName + ".js"; var bundler = browserify({ debug: true, standalone : libraryName }); return bundler.add(mainTsFilePath) .bundle() .pipe(source(outputFileName)) .pipe(buffer()) .pipe(sourcemaps.init({ loadMaps: true })) //.pipe(uglify()) .pipe(sourcemaps.write('./')) .pipe(gulp.dest(outputFolder)); });
//It will Browserify our code and compile React JSX files. gulp.task('browserify', function() { // Browserify/bundle the JS. browserify() .add(paths.main) .transform(reactify) .bundle() .on('error', function(err){ util.log(util.colors.red('Error'), err.message); this.emit('end'); }) .pipe(source('main.js')) .pipe(gulp.dest('dist/js')) .pipe(connect.reload()); });
gulp.task('browserify', function() { var b = browserify(); b.transform(reactify); b.add(paths.src[0]); return b.bundle() .pipe(source('main.js')) .pipe(gulp.dest(paths.js)); });
b.add(p.format(obj), opts); b.bundle((err, buf) => err ? rej(err) : res(buf)); });
app.use('/js/build/server-render.js', function(req, res, next){ var browserify = require('browserify'); browserify() .add(__dirname + '/public/js/server-render.js') .transform(require('reactify')) .bundle() .pipe(res); });
// Basic usage gulp.task('scripts', function() { var entryFile = './jsx/clientApp.jsx'; var bundler = browserify({ extensions: ['.js', '.es6.js', '.jsx'], transform: ['babelify'] }); bundler.add(entryFile); var stream = bundler.bundle(); stream.on('error', function (err) { console.error(err.toString()) }); stream .pipe(source(entryFile)) .pipe(rename('index.js')) .pipe(gulp.dest('public/')); });