如何为 webpack 使用自己的 jade 文件?
how to have use own jade file for webpack?
我是 webpack 的新手,正在尝试弄清楚如何在 webpack-dev-server 以及我的 webpack 构建中使用我自己的 html 文件。
在我的 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
我是 webpack 的新手,正在尝试弄清楚如何在 webpack-dev-server 以及我的 webpack 构建中使用我自己的 html 文件。
在我的 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