【问题标题】:Gulpfile production ready?Gulpfile 生产准备好了吗?
【发布时间】:2015-11-08 17:40:13
【问题描述】:

这是我的 gulp 文件

var gulp = require('gulp')
var browserify = require('browserify')
var source = require('vinyl-source-stream')
var reactify = require('reactify')
var rename = require('gulp-rename')

gulp.task('js', function() {
    var b = browserify({
        entries: ['./lib/test.js', './lib/app.jsx'],
        transform: [reactify],
        extensions: ['.js','.jsx'],
        debug: false,
        cache: {},
        packageCache: {},
        fullPaths: false
    });

    function build(file) {
        return b
        .external('jquery')
        .plugin('minifyify', {
            map: false
        })
        .bundle()
        .pipe(source('main.js'))
        // Add .min.js to the end of each optimized file
        .pipe(gulp.dest('./js/'));
    };
    build();
});
gulp.task('watch', function() {
    gulp.watch("lib/*.jsx", ["js"])
})
gulp.task('default', ['js', 'watch']);

目的是将所有jsx转换为1个js文件。

我的 gulpfile 生产准备好了吗?

另外,我怎样才能简化这条线: 条目:['./lib/test.js', './lib/app.jsx'],

让browserify处理lib/目录下的所有js文件?

【问题讨论】:

  • 好吧,你为什么认为它可能还没有准备好生产?

标签: reactjs gulp browserify


【解决方案1】:

如果您想要一些专业级的 gulpfile,请查看 https://github.com/greypants/gulp-starter 和 2.0 分支:https://github.com/greypants/gulp-starter/tree/2.0。这家伙有一些绝招。

一般来说,走 gulp.src 的方式是个好习惯,见这个答案:https://stackoverflow.com/a/25319817/5229638

【讨论】:

    猜你喜欢
    • 2011-07-14
    • 2017-12-23
    • 2017-01-07
    • 2011-10-21
    • 1970-01-01
    • 2023-03-10
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多