如何从暴露 module.exports 的 browserify 加载客户端脚本（通过jadeify）

Question

我有一个使用 browserify + browserify-middleware + jadeify 的玉模板创建的 javascript 文件

这一切都在节点的服务器端，这是使它创建生成的 javascript 文件所需的唯一事情：

app.use('/templates', require('browserify-middleware')('./public-includes'),
{
    grep: /\.jade$/,
    transform: ['jadeify']
}));

然后在网络浏览器中，我从/templates/template.jade 获得了一些javascript 代码，（编辑： 我发布了here）我可以看到它在module.exports 上设置了各种功能（就像节点一样）。但是我如何从客户端使用它呢？我尝试使用 require.js 这样的 var template = require('/templates/template.jade', function(template){});，它返回未定义。

我也应该在客户端使用 browserify 吗？我见过的所有示例都在谈论捆绑包之类的东西，但我不知道它是否适用，我在目录上运行它并且在任何地方都没有提供捆绑包名称。

Answer 1

理想情况下，在任何地方都使用 browserify。为此，只需有一个 client.js 文件即可：

var template = require('./templates/template.jade');
// rest of code here

然后在服务器上，做：

app.get('/client.js', require('browserify-middleware')('./client.js',
{
    transform: ['jadeify']
}));

在你的 html 中，你只需这样做：

<script src="/client.js"></script>

另一种选择，如果你想使用 requirejs 之类的东西或只是一个独立的全局，你可以这样做：

app.get('/templates', require('browserify-middleware')('./public-includes'),
{
    grep: /\.jade$/,
    transform: ['jadeify'],
    standalone: 'template'
}));

然后您应该发现在客户端上声明了一个全局 template 变量，或者它应该与 requirejs 一起使用，以便您可以执行以下操作：

require('/templates/template.jade', function (template) {
  //use template here
});

不过，我对 requirejs 不是很有经验，因此您的使用量可能会因这种方法而异。我真的建议对所有事情都使用 browserify。