html - 如何为 webpack 使用自己的 jade 文件？

我是 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 文件？

我还应该提到我的 Jade 文件可能会引用手写笔文件

最佳答案

我将 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

关于html - 如何为 webpack 使用自己的 jade 文件？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/32302344/