使用browserify进行预处理？

Question

如何使用browserify预处理函数调用？

在一个大型的js文件中，我需要将一个JSON对象传递给一个变量，但是这个JSON对象可能只能通过一个函数调用来创建：

var myvar = Ractive.parse('mytemplate.html');

如果我像这样写这个函数调用，这行代码就会出现在bundle.js文件中。 我只想要这样的东西：

var myvar = THIS_WILL_RUN_WHILE_BROWSERIFYING(Ractive.parse('mytemplate.html'));

所以在bundle.js我希望看到类似的东西：

var myvar = [{myobj:4},{x:1,y:2}];

如何使用browserify（使用Gulp）实现这一目标？

Answer 1

Browserify允许您创建自定义转换，有一个很好的示例，说明如何在以下链接创建转换。

https://github.com/substack/browserify-handbook#transforms

使用process.cwd()替换$CWD的示例似乎是OP创建所需转换的良好起点。

在潜在的未来死链接的情况下，这是一个例子。

var through = require('through2');

module.exports = function (file) {
    return through(function (buf, enc, next) {
        this.push(buf.toString('utf8').replace(/\$CWD/g, process.cwd()));
        next();
    });
};