有没有一种方法可以美化来自Jade模板的HTML输出?类似于Express的app.locals.pretty = true;
?如果相关的话,我使用koa-router
和koa-views
。
server.js
const koa = require('koa');
const views = require('koa-views');
const serve = require('koa-static');
const router = require('./routes');
const app = koa();
app.use(serve(`${__dirname}/public`));
app.use(views(`${__dirname}/views`, { extension: 'jade' }));
app.use(router.routes());
app.listen(3000, () => {
console.log('Server listening at http://localhost:3000');
});
路由/索引.js
const router = require('koa-router')();
router.get('/', function *() {
yield this.render('index');
});
module.exports = router;
浏览量/指数。翡翠
html
head
title Hello
meta(charset='utf-8')
meta(name='viewport', content='width=device-width, initial-scale=1.0')
link(type='text/css', rel='stylesheet', href='css/style.css')
body
h1 Hi
您可以尝试:
app.use(views(`${__dirname}/views`, { extension: 'jade', pretty:true}));
这应该会奏效。。。另一方面,我用的是考拉玉,而不是考拉景观。我当前的代码如下:
var Jade = require('koa-jade');
var jade = new Jade({
viewPath: path.resolve(__dirname,"jade"),
debug: true,
pretty: true,
compileDebug: true,
basedir: path.resolve(__dirname,"jade"),
app:app
})
在生产模式下,我只是将"漂亮"设置为false。。。
HTH