如何将自己的玉文件用于webpack? [英] how to have use own jade file for webpack?
问题描述
我是webpack的新手,试图弄清楚如何在webpack-dev-server和我的webpack版本中使用自己的html文件.
I'm new to webpack and trying to figure out how to use my own html file in the webpack-dev-server, as well as my webpack build.
在我的app.js中,我有:
in my app.js I have:
require('!jade!index.jade')
,但是并不能像我期望的那样生成index.html
.相反,看来充其量我可以得到html的字符串输出,这不是我想要的:
but that does not make an index.html
as I would expect. Instead, it seems at best I can get a string output of my html, which isn't what I want:
var jade = require('!jade!index.jade')
jade() //outputs my html
如何获取它以输出index.html文件?如何让webpack-dev-server使用该html文件?
How do I get it to output an index.html file? How do I get the webpack-dev-server to use that html file?
我还应该提到我的玉器文件可能会引用手写笔文件
I should also mention my jade file will likely reference stylus files
推荐答案
我使用 jade-html-loader 在webpack.config.js
中输入以下内容:
I use jade-html-loader with the following entry in 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?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!