Add Jade / Pug as a markup processor choice in the wizard

I am in the process of transferring a former navigation-skeleton based project to aurelia cli. All my templates are written in Jade (now renamed Pug), because I find the indent based structure of Jade much more readable and easier to use. You don’t have to worry about tag endings etc. I have added the support manually and used the css processor for Stylus as a blueprint. After declaring the markup processor in aurelia.json, I use the following process-markup.js:

import gulp from 'gulp';
import changedInPlace from 'gulp-changed-in-place';
import sourcemaps from 'gulp-sourcemaps';
import jade from 'gulp-jade';
import project from '../aurelia.json';
import {build} from 'aurelia-cli';

export default function processMarkup() {
  return gulp.src(project.markupProcessor.source)
    .pipe(changedInPlace({firstPass:true}))
    .pipe(sourcemaps.init())
    .pipe(jade())
    .pipe(build.bundle());
}

You have to install gulp-jade as a development dependency.

Best regards

Alex

[Alexander-Taran]

https://github.com/aurelia-contrib/aurelia-getting-started/blob/master/guides/how-to-add-pug-to-cli-with-webpack.md

@jpravetz thanks… 4 years later (-:

@3cp can be closed I think

[gbouteiller]

Hello, as everything is going to be “pugged”, I think it would be wise to use .pug extension. I personally use gulp-pug a lot and it works well.