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

Question

Webpack， super 酷，棒极了，耶

还用 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 配置中或导入时)