Pug for templates

I’d like to use pug for my templates instead of HTML.

I tried ionic serve --webpack webpack.config.js but my main.js file is now 404 when I view my app.

Any idea of what I’m doing wrong?

var path = require('path');

module.exports = {
    resolve: {
        extensions: ['.ts', '.js']
    },
    entry: {
        'main':      path.resolve('./src/app/main.ts')
    },

    output: {
        path: path.resolve('./build'),
        filename: '[name].js'

    },
    devtool: 'eval-source-map',
    
    module: {
        loaders: [
            {
                test: /\.ts$/,
                loaders: ['ts-loader', 'angular2-template-loader']
            },
            {
                test: /\.json$/,
                loaders: ['json-loader']
            },
            {
                test: /\.(pug|jade)$/,
                loader: 'pug-ng-html-loader'
            },
            {
                test: /\.(html|css)$/,
                loader: 'raw-loader'//,

            },
            {
                test: /\.scss$/,
                loaders: ['to-string-loader', 'css-loader', 'sass-loader']
            },

            { test: /\.woff(2)?(\?v=[0-9]\.[0-9]\.[0-9])?$/, loader: "url-loader?limit=10000&minetype=application/font-woff" },
            { test: /\.(ttf|eot|svg)(\?v=[0-9]\.[0-9]\.[0-9])?$/, loader: "file-loader" }

        ]
    }

};

@soupman99 Did you ever find a resolution?

@pjhartin nope. Never found one.

Thanks for getting back to me anyway