如何为webpack使用自己的jade文件?

Ter*_*how 4 html webpack webpack-dev-server pug

我是webpack的新手,并试图弄清楚如何在webpack-dev-server中使用我自己的html文件,以及我的webpack构建.

在我的app.js我有:

require('!jade!index.jade')

但这并没有index.html像我期望的那样.相反,似乎充其量我可以获得我的html的字符串输出,这不是我想要的:

var jade = require('!jade!index.jade')
jade() //outputs my html
Run Code Online (Sandbox Code Playgroud)

如何让它输出index.html文件?如何让webpack-dev-server使用该html文件?

我还应该提一下我的玉文件可能会引用手写笔文件

the*_*rel 9

我使用jade-html-loader和以下条目webpack.config.js:

entry: ['./src/app.js', 'file?name=index.html!jade-html!./src/index.jade']
Run Code Online (Sandbox Code Playgroud)

你会需要

npm install --save-dev file-loader jade-html-loader jade
Run Code Online (Sandbox Code Playgroud)