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

Question

Webpack，超级酷，很棒，耶

还用 grunt-webpack 运行它，天哪，真高兴

还有什么？一些好人做了一个内联，所以我可以要求 .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 声明。

Answer 1

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

基本上 html-loader 运行了两次！！

删除其中一个设置。 （在 webpack 配置中或导入时）

Answer 2

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

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