Javascript 如何在Webpack中定位模板功能(例如使用jade loader)

Javascript 如何在Webpack中定位模板功能(例如使用jade loader),javascript,node.js,webpack,Javascript,Node.js,Webpack,目前,我在webpack.config.js中使用Jade loader(当然,它将html作为模板函数返回) 此外,我在index.js中使用了require var jade = require("../jade/index.jade"); 代码实际上正在编译到my bundle.js,因此它按计划工作 但是,我的html没有被更新。如何从模板函数中提取html?谢谢大家! 编辑:我专门为这个问题创建了一个分支 注意:我确实意识到Webpack不会发出实际的html文件,它只以本机方式读取

目前,我在webpack.config.js中使用Jade loader(当然,它将html作为模板函数返回)

此外,我在index.js中使用了require

var jade = require("../jade/index.jade");
代码实际上正在编译到my bundle.js,因此它按计划工作

但是,我的html没有被更新。如何从模板函数中提取html?谢谢大家!

编辑:我专门为这个问题创建了一个分支


注意:我确实意识到Webpack不会发出实际的html文件,它只以本机方式读取js文件

您是指使用webpack生成系统生成
index.html
文件吗?不是。在对我的jade文件进行编辑并将webpack键入我的终端后,我希望看到已在我的浏览器上进行了更改。例如,如果我将文本从“hello world”更改为“hello pizza”,我希望看到文本现在是“hello pizza”。或者,如果我是第一次打字,我想看看“hello world”。完整的文件结构可以在这里看到这个分支再次感谢!那么,没有浏览器刷新?在我的几个项目中,有必要同时实现一个gulp构建和一个webpack构建。随着时间的推移,我将包括网页包开发服务器。明白了,所以我想你说的是Webpack不适合从jade转换为html,我应该坚持使用gulp来实现这一点?这对jade作为模板函数很好,但使用Webpack编译构建过程生成html文件是不常见的。看到我谈论doctype的这个问题了吗?你指的是使用webpack生成系统生成
index.html
文件吗?没有。在对我的jade文件进行编辑并将webpack键入我的终端后,我希望看到在我的浏览器上进行了更改。例如,如果我将文本从“hello world”更改为“hello pizza”,我希望看到文本现在是“hello pizza”。或者,如果我是第一次打字,我想看看“hello world”。完整的文件结构可以在这里看到这个分支再次感谢!那么,没有浏览器刷新?在我的几个项目中,有必要同时实现一个gulp构建和一个webpack构建。随着时间的推移,我将包括网页包开发服务器。明白了,所以我想你说的是Webpack不适合从jade转换为html,我应该坚持使用gulp来实现这一点?这对jade作为模板函数很好,但使用Webpack编译构建过程生成html文件是不常见的。请参阅我讨论doctype的这一期
var jade = require("../jade/index.jade");