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

标签 javascript html webpack

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 声明。

最佳答案

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

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

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

关于javascript - Webpack html-loader 返回完整的模块定义,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30795310/

相关文章:

javascript - 如何将 Webpack 与 Angular + templateCache 一起使用?

javascript - Webpack、postcss 和 nanocss : how to set global variable for CSS

javascript - arbor.js 用于带注释的插图

javascript - 提交时的表单重定向不起作用,为什么?

javascript - 如何在图像幻灯片上放置黑色叠加层

jquery - 无法在 Highcharts 中设置字幕宽度

javascript - 在 Webpack 中获取 "Cannot resolve module ' aws-sdk' ,'child_process' ,'net' "in/node_modules/watchpack

javascript - 在让 JSLint 开心的同时创建一个 n 大小的数组?

javascript - 是否可以在一个 html 文件中包含多个 require.js 项目?

css - 如何让摘录文本在div底部自动截断