html - how to have use own jade file for webpack? -

i'm new webpack , trying figure out how use own html file in webpack-dev-server, webpack build.

in app.js have:

require('!jade!index.jade')

but not make index.html expect. instead, seems @ best can string output of html, isn't want:

var jade = require('!jade!index.jade') jade() //outputs html 

how output index.html file? how webpack-dev-server use html file?

i should mention jade file reference stylus files

i use jade-html-loader following entry in webpack.config.js:

entry: ['./src/app.js', 'file?name=index.html!jade-html!./src/index.jade'] 

you need

npm install --save-dev file-loader jade-html-loader jade