Browserify - 避免输出绝对路径

Question

在我的项目中,我使用Browserify(以编程方式使用gulp).在我的主要javascript文件中,我需要模块A和B. A也在使用B.在Browserify的输出中,我可以找到模块A的绝对路径.

输出如下所示:

!function t(n,o,r){function e(s,a){if(!o[s]){if(!n[s]){var u="function"==typeof require&&require;if(!a&&u)return u(s,!0);if(i)return i(s,!0);var c=new Error("Cannot find module '"+s+"'");throw c.code="MODULE_NOT_FOUND",c}var f=o[s]={exports:{}};n[s][0].call(f.exports,function(t){var o=n[s][1][t];return e(o?o:t)},f,f.exports,t,n,o,r)}return o[s].exports}for(var i="function"==typeof require&&require,s=0;s<r.length;s++)e(r[s]);return e}({1:[…]
    …
10:[function(t,n){n.exports=t(9)},{"/Applications/MAMP/htdocs/Projects/xyz/node_modules/moduleA/node_modules/moduleB/index.js":9}]},{},[1]);

这是gulpfile.js的相关部分:

browserify(['./app/js/main.js'], {})
  .bundle()
  //Pass desired output filename to vinyl-source-stream
  .pipe(source('main.min.js'))
  //convert from streaming to buffered vinyl file object
  .pipe(buffer())
  // Start piping stream to tasks!
  .pipe(gulp.dest('app/js/'));

我怎么能避免这个？我已经尝试了几种Browserify选项,但它没有帮助.旁注:这两个模块是通过npm安装的,但是来自GitHub,因为它们没有在npm上发布.

Answer 1

你需要设置fullPaths为false.有关其他压缩,请查看bundle-collapser:

var collapse = require('bundle-collapser/plugin');

browserify(['./app/js/main.js'], { fullPaths: false })
  .plugin(collapse)
  .bundle()
  //Pass desired output filename to vinyl-source-stream
  .pipe(source('main.min.js'))
  //convert from streaming to buffered vinyl file object
  .pipe(buffer())
  // Start piping stream to tasks!
  .pipe(gulp.dest('app/js/'));

另外值得注意的是,您不需要缓冲内容,除非您正在进行uglify或其他非流兼容转换.