The website and documentation for Pug are still being updated. These differences are documented in #2305. The syntax of Pug has several differences, deprecations, and removals compared to its predecessor. As a result, upgrading from Jade to Pug will be the same process as upgrading any other package with a major version bump. Therefore, the rename to Pug coincided with the major version bump. If your package or app currently uses jade, don't worry: we have secured permissions to continue to occupy that package name, although all new versions will be released under pug.īefore the renaming, work had already begun on “Jade 2.0.0”.

As of version 2, 'pug' is the official package name. After some discussion among the maintainers, 'Pug' was chosen as the new name for this project. However, it was revealed to us that 'Jade' is a registered trademark as a result, a rename was needed. This project was formerly known as 'Jade'. Professionally supported pug is now available For bug reports, feature requests and questions, open an issue.

Make the following tweaks to the is a high-performance template engine heavily influenced by Haml and implemented with JavaScript for Node.js and browsers.

Suppose you have the following project structure: app/ With a few tweaks, you can use this boilerplate for multi-page apps.

If you want to analyze your production bundle, run yarn run analyze to kick off webpack-bundle-analyzer.

When you are done, run yarn build to get the prod version of your app.

Run yarn start to start the webpack-dev-server ( localhost:8080 will be opened automatically).

Run yarn install to fetch all the dependencies.

It is experimental so use it with caution. Note: There is also the feature/modern-bundle branch where webpack produces two production bundles (legacy & modern).

JS linting with Eslint, extends eslint-config-standard, includes the following plugins:.

SCSS preprocessor for CSS ( autoprefixer included).

A webpack 4 based boilerplate for building web apps.

Pug template boilerplate