feat: Replace jade with pug in examples

jantimon · Jul 10, 2018 · d7ec407 · d7ec407
1 parent ae1f435
commit d7ec407
Show file tree

Hide file tree

Showing 29 changed files with 411 additions and 7,733 deletions.
diff --git a/README.md b/README.md
@@ -258,7 +258,7 @@ The following variables are available in the template:
 - `compilation`: the webpack [compilation](https://webpack.js.org/api/compilation/) object.
   This can be used, for example, to get the contents of processed assets and inline them
   directly in the page, through `compilation.assets[...].source()`
-  (see [the inline template example](examples/inline/template.jade)).
+  (see [the inline template example](examples/inline/template.pug)).
 
 
 ### `Filtering Chunks`

diff --git a/docs/template-option.md b/docs/template-option.md
@@ -5,7 +5,7 @@
 The version 2.x which was introduced last year (Sep, 2015) changed the way the template is processed.
 Instead of forcing all users to use the [blueimp](https://github.com/blueimp/JavaScript-Templates) template engine it allowed to use any webpack loader:
 
-* [jade/pug](https://github.com/pugjs/pug-loader)
+* [pug](https://github.com/pugjs/pug-loader)
 * [ejs](https://github.com/okonet/ejs-loader)
 * [underscore](https://github.com/emaphp/underscore-template-loader)
 * [handlebars](https://github.com/pcardune/handlebars-loader)

diff --git a/examples/inline/dist/webpack-4/index.html b/examples/inline/dist/webpack-4/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Jade demo</title></head><body><style>body {
+<!DOCTYPE html><html><head><meta charset="utf-8"><title>pug demo</title></head><body><style>body {
   background: snow;
 }</style><script>/******/ (function(modules) { // webpackBootstrap
 /******/ 	// The module cache

diff --git a/examples/inline/readme.md b/examples/inline/readme.md
@@ -1,4 +1,4 @@
-# isomorphic jade example
+# isomorphic pug example
 
-This example shows how to use a different template engine (in this case jade)
-to load the `time.jade` template on the backend and frontend.
+This example shows how to use a different template engine (in this case pug)
+to load the `time.pug` template on the backend and frontend.
diff --git a/examples/inline/template.jade → examples/inline/template.pug b/examples/inline/template.jade → examples/inline/template.pug
diff --git a/examples/inline/webpack.config.js b/examples/inline/webpack.config.js
@@ -14,17 +14,17 @@ module.exports = {
   module: {
     rules: [
       { test: /\.css$/, loader: ExtractTextPlugin.extract({ fallback: 'style-loader', use: 'css-loader' }) },
-      { test: /\.jade$/, loader: 'jade-loader' }
+      { test: /\.pug$/, loader: 'pug-loader' }
     ]
   },
   plugins: [
     new HtmlWebpackPlugin({
       inject: false,
       cache: false,
-      template: 'template.jade',
+      template: 'template.pug',
       filename: 'index.html',
       favicon: 'favicon.ico',
-      title: 'Jade demo'
+      title: 'pug demo'
     }),
     new ExtractTextPlugin('styles.css')
   ]

diff --git a/examples/jade-loader/dist/webpack-4/0714810ae3fb211173e2964249507195.png b/examples/jade-loader/dist/webpack-4/0714810ae3fb211173e2964249507195.png