Removing usage of pugjs

Author: Plum-Crazy

config/build/webpack.common.js

@@ -25,10 +25,6 @@ module.exports = {
                 test: /\.html$/,
                 use: 'html-loader'
             },
-            {
-                test: /\.pug$/,
-                use: [ 'raw-loader', 'pug-html-loader' ]
-            },
             {
                 test: /\.scss$/,
                 exclude: /node_modules/,

config/test/webpack.test.js

@@ -19,10 +19,6 @@ module.exports = {
                 test: /\.html$/,
                 use: 'html-loader'
             },
-            {
-                test: /\.pug$/,
-                use: [ 'raw-loader', 'pug-html-loader' ]
-            },
             {
                 test: /\.scss$/,
                 exclude: /node_modules/,

package.json

@@ -53,8 +53,6 @@
         "loader-utils": "^1.1.0",
         "node-sass": "^4.5.3",
         "protractor": "~5.1.2",
-        "pug": "^2.0.0-beta12",
-        "pug-html-loader": "^1.1.4",
         "raw-loader": "^0.5.1",
         "reflect-metadata": "^0.1.10",
         "sass-loader": "^6.0.6",

src/app/app.component.html

@@ -0,0 +1,5 @@
+<div class="tyn-app">
+    <main>
+        <router-outlet></router-outlet>
+    </main>
+</div>

src/app/app.component.pug

@@ -2,7 +2,7 @@ import { Component, OnInit, ViewEncapsulation } from "@angular/core";
 
 @Component({
     selector: "tyn-app",
-    template: require("./app.component.pug"),
+    templateUrl: './app.component.html',
     styleUrls: [ "./app.component.scss" ],
     encapsulation: ViewEncapsulation.None
 })

src/app/app.component.ts

@@ -0,0 +1,3 @@
+<div class="tyn-home">
+    <p>Hello World!</p>
+</div>

src/app/route/home/home.component.html

@@ -2,7 +2,7 @@ import { Component } from "@angular/core";
 
 @Component({
     selector: "tyn-home",
-    template: require("./home.component.pug"),
+    templateUrl: './home.component.html',
     styleUrls: [ "./home.component.scss" ]
 })
 export class HomeComponent {