18

默认情况下，browserify 不对 node_modules 中包含的模块执行转换，即没有路径。

我制作了一个快速的 github 存储库，在这里进行了说明。浏览器化的index.js文件如下所示：

var fs = require('fs');
var testmodule = require('testmodule');
var trg1 = document.getElementById("target1");
var trg2 = document.getElementById("target2");
trg1.innerHTML = fs.readFileSync(__dirname+"/something.txt");
trg2.innerHTML = testmodule();

testmodule看起来像这样：

var fs = require('fs');
exports = module.exports = function() {
    return fs.readFileSync(__dirname+'/data.txt');
}

使用brfs转换模块，我希望能够内联两个调用fs.readFileSync，但是当我运行时browserify index.js -t brfs -o bundle.js，只有我的主项目中的调用被内联。这是 bundle.js 结果：

;(function(e,t,n){function r(n,i){if(!t[n]){if(!e[n]){var s=typeof require=="function"&&require;if(!i&&s)return s(n,!0);throw new Error("Cannot find module '"+n+"'")}var o=t[n]={exports:{}};e[n][0](function(t){var i=e[n][1][t];return r(i?i:t)},o,o.exports)}return t[n].exports}for(var i=0;i<n.length;i++)r(n[i]);return r})({1:[function(require,module,exports){
// nothing to see here... no file methods for the browser

},{}],2:[function(require,module,exports){
var fs = require('fs');
var testmodule = require('testmodule');
var trg1 = document.getElementById("target1");
var trg2 = document.getElementById("target2");
trg1.innerHTML = "This is data from a file in the main project folder"; // TRANSFORMED
trg2.innerHTML = testmodule();
},{"fs":1,"testmodule":3}],3:[function(require,module,exports){
(function(__dirname){var fs = require('fs');
exports = module.exports = function() {
    return fs.readFileSync(__dirname+'/data.txt'); // NO TRANSFORM
}
})("/node_modules/testmodule")
},{"fs":1}]},{},[2])
;
4

2 回答 2

24

从 substack（browserify 的作者）那里得到了一些帮助。要指定项目外部的模块是否需要转换，您需要browserify.transform在package.json. 因此对于我上面给出的示例，目录中的 package.json 文件testmodule如下所示：

{
    "name":"testmodule",
    "version":"0.0.0",
    "browserify": {
        "transform": ["brfs"]
    },
    "main": "index.js"
}
于 2013-04-19T21:20:39.553 回答
0

您也可以使用browserify -g brfs代替browserify -t brfs. g是一个全局变换（适用于依赖项）

于 2016-10-19T21:57:00.260 回答