How to make a webpack template *.jade entry point?

Question

JavaScript

Hello.
Now I have something like

entry: {
      application: _path + '/app/app.js'
    }

    plugins: [
      new HtmlPlugin({
        title: 'Title',
        chunks: ['application', 'vendors'],
        filename: 'index.html',
        template: path.join(_path, 'app', 'assets', 'templates', 'layouts', 'index.html')
      })
    ]

And the entry point is app.js, which includes styles, js, and so on.
All this is included in index.html.
Is it possible somehow to include index.jade instead of index.html? It is clear that then all this should be compiled into html.
Thank you.

Answer 1

in the 2nd version of html-webpack-plugin you can use loaders for templates

{
    entry: {
        application: _path + '/app/app.js'
    }
    module: {
        loaders: [{
            test: /\.jade$/,
            loader: "jade-loader"
        }]
    },
    plugins: [
        new HtmlPlugin({
            title: 'Title',
            chunks: ['application', 'vendors'],
            filename: 'index.html',
            template: path.join(_path, 'app', 'assets', 'templates', 'layouts', 'index.jade')
        })
    ]
}