Webpack html-loader返回完整的模块定义

Jam*_*mes 4 html javascript webpack

Webpack,非常酷,很棒,但是

也用grunt-webpack运行它,omg很高兴

更重要的是?一个好人做了一个内联,所以我可以要求.html文件,我很幸运

var html = require("html!./some_template.html");

唯一麻烦的细节是一个包含的html文件

<h3><%= any_variable %></h3>

出来了

module.exports = "<h3><%= any_variable %></h3>"

我觉得我必须错过一些愚蠢的细节,否则可能要做的就是改变html-loader?这是一个相当微不足道的细节,但我仍然觉得我误解了这个工具.

看看它https://github.com/webpack/html-loader/blob/master/index.js

根据要求,从webpack.config.js,或在我的情况下Gruntfile.js

module: { loaders: [ { test: /\.html$/, loader: "html" } ] }

解决方案:结果我实际上无法读取,require("html!./some_template.html");运行加载器,然后我也在我的配置中运行它,所以我在我的html中使用了commonjs声明.

Nac*_*tha 7

对于像我这样苦苦挣扎的其他人来说,这是解决方案 - https://www.reddit.com/r/javascript/comments/39jp8z/webpack_weirdness_no_love_at_stackoverflow/

基本上html-loader运行两次!!

删除任一设置.(在webpack配置中或导入时)

  • 这对我有用.基本上,我们在require语句中不需要`html!`部分.只需`require("./ some_template.html");` (3认同)

Ant*_*nna 2

它被明确编码来做到这一点 - https://github.com/webpack/html-loader/blob/master/index.js#L71

您可以通过 github 联系作者和/或在那里提出问题吗?