问一个jade发布到线上浏览器访问的问题

Question

本地的jade是通过node

app.set('views', path.join(__dirname, 'www/html'));
app.set('view engine', 'jade');

可以在浏览器中访问

请问发布到线上怎么是浏览器可以访问jade文件

通过什么方式？ 有人知道吗？

Answer 1

从你的设置来看，显示是希望jade模版里的表达式在服务器端响应请求时被"evaluated"，类似如下的表达式：

p you have #{num} friends

首先，浏览器不能直接访问这些jade文件，浏览器能访问的路径，都是些你定义的路由，看样子你用的是express框架，定义路由的方式像这样：

app.get('/hello', function (req, res) {
  res.render('index', { num: 10 });
});

当你在浏览器里输入http://xxxx/hello之后, express就进入了这个路由，render之后index模版里的#{num}就被替换成10，然后发送到浏览器了。

Answer 2

那么为何不采用本地打包转换嘞？譬如使用 webpck，可以将使用的Jade,Es6，Sass等等转化打包(成为对应的html/es5/css)，如此发布上线运行效率高，也不存在兼容问题。