我是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
如何让它输出index.html文件?如何让webpack-dev-server使用该html文件?
我还应该提一下我的玉器文件可能会引用手写笔文件
答案 0 :(得分:9)
我将jade-html-loader与webpack.config.js
中的以下条目一起使用:
entry: ['./src/app.js', 'file?name=index.html!jade-html!./src/index.jade']
你需要
npm install --save-dev file-loader jade-html-loader jade