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或其他非流媒体兼容转换进行管道传输，否则不需要缓冲内容。

Browserify - 避免输出绝对路径

1 个答案: