浏览AngularJS和x2B的配方;源地图+;缩小

浏览AngularJS和x2B的配方;源地图+;缩小,angularjs,minify,gulp,browserify,Angularjs,Minify,Gulp,Browserify,我正在寻找一个工作配方,可以缩小我的AngularJS代码,但仍然提供一个源地图。目前我有这个吞咽任务,但缩小不起作用: gulp.task('browserify', function(cb) { var bundler = browserify({ entries: [paths.browserEntry], globals: false, debug: !settings.PRODUCTION

我正在寻找一个工作配方,可以缩小我的AngularJS代码,但仍然提供一个源地图。目前我有这个吞咽任务,但缩小不起作用:

gulp.task('browserify', function(cb) {
    var bundler = browserify({
            entries: [paths.browserEntry],
            globals: false,
            debug:   !settings.PRODUCTION
        })

    bundler
        .bundle()

        .on('error', cb)
        .on('log',   util.log)

        .pipe(gulpif(!settings.PRODUCTION, mold.transformSourcesRelativeTo(paths.js)))
        .pipe(source(paths.js))
        .pipe(buffer()) // because the next steps do not support streams
        .pipe(concat('bundle.js'))
        .pipe(gulpif(settings.server.minify.js, rename({suffix: '.min'})))
        .pipe(gulpif(settings.server.minify.js, uglify()))
        .pipe(gulp.dest(paths.js))
        .on('end', function() {
            cb()
        })
})
有什么线索吗?

你可以在这里看到一条线索。该示例将输出一个缩小的bundle.min.js和一个bundle.map。使该示例起作用的关键点是:

  • 已安装的Deboverity
  • 安装迷你化
package.json-添加了转换属性

"browserify": {
    "transform": [
      "debowerify"
    ]
  }
Gruntfile.js-使用prebundleecb使minifyify工作

  preBundleCB: function (b) {
    b.plugin( minifyify,
      { output: './dist/bundle.map',
        map:'bundle.map'
      });
  }

希望该示例对您有用。

您想在grunt中看到一个示例吗?:-)嗯,好的。可能会有帮助,并给出一些提示。谢谢