pug

I want to pass my data-object to jade files, but but it is impossible My jade-loader : { test: /\.jade$/, loader: "jade", query: { pretty: true, locals: { name: "Georg" } } } plugins : plugins: [ new HtmlWebpackPlugin({ filename: "index.html", template: "./src/jade/index.jade" })] index.jade : span=locals.name I run webpack and I get this index.html : <span></span> My variable name don't pass. Why? How to fix it? you should use pug-html-loader then in webpack.config.js ... { test:/\.pug$/, exclude: ['/node_modules/'], loader: 'pug-html-loader', query: { data: {name:'test'}, pretty: true } }, .

I recently discovered Jade and want to give it a try for a new static website. I like the terse syntax and the templating capabilities, so much better than raw HTML. I'm editing in Webstorm 6, which has support for file watchers, and can run e.g. Sass out of the box. I've been able to run Jade via the command line to watch my Jade files: jade --watch --out public jade I'm now trying to configure my project in Webstorm to handle this automatically, and I'm running into problems. To keep the source files separate from the generated ones, I'm aiming for a layout like this: root jade index.jade

I am trying to pass array of news to display on the screen but I somehow am getting empty array in the result in the browser routes/rss.js ... var news = []; ... var this_news = { 'title': item.title, 'description': item.description } news.push(this_news); ... res.render('rss', { title: 'Node.js based RSS reader', newsi: JSON.stringify(news) }); views/rss.jade extends layout block content h1= title p Welcome to #{title} p Sure why not script(type='text/javascript'). var inews = !{newsi}; EDIT Ok so I have come to the conclusion that the problem lies with my 'non-callback logic' that's my code

The question is as given in the title, ie, to access element whose parent is hidden. The problem is that, as per the cypress.io docs : An element is considered hidden if: Its width or height is 0. Its CSS property (or ancestors) is visibility: hidden. Its CSS property (or ancestors) is display: none. Its CSS property is position: fixed and it’s offscreen or covered up. But the code that I am working with requires me to click on an element whose parent is hidden, while the element itself is visible . So each time I try to click on the element, it throws up an error reading : CypressError: Timed

I'm trying to load some variables with res render like that: res.render('blog_edit', {title: 'edit your blog', posts: "something"}); though title loads fine post always appears as undefined... here are some of the ways I tried... =posts #{posts} and as a javascript variable script document.write(posts) none of them is working... can you please help? thanks in advance try res.render('blog_edit', {locals:{title: 'edit your blog', posts: "something"}}); #{locals.foo} I'm using the latest versions today ("express": "4.11.2", "jade": "1.9.2") and this is the syntax that works for me: res.render(

I am using Jade and everything is cool except that Jade "eats" my spaces. For example, in HTML: <b>Hello</b> <b>World</b> or <b>Hello</b> <b>World</b> Will have a space between "Hello" and "World". But when converting to Jade it'd be b Hello b World When rendered as HTML, the space is gone. Like: <b>Hello</b><b>World</b> Do I have to add   in my Jade template or is there any way I can get a normal space in the generated HTML? This should do it: b Hello | World Unfortunately it produces this HTML output in Chrome on my machine: <b> Hello World</b> But in the end it becomes: To come to an end b

I am trying to iterate a JSON doc using JADE. my server(running node.js + express) is doing the following on a .get() request, app.get('/search/', function(req,res){ // Parse the query var dbQuery = url.parse(req.url, true).query; var product = dbQuery.product; var category = dbQuery.category; console.log('Searching for: ' + product + ' in ' + category); //Mongo DB setup then query var result; var server = new mongodb.Server('23.23.129.158', 27017, {}); new mongodb.Db('militaryListDB', server, {}).open(function(err, client){ if(err) throw err; var collection = new mongodb.Collection(client,