javascript - Webpack html-loader returns full module definition - Stack Overflow

admin管理员组

文章数量:1315079

Webpack, super cool and great, yay

also running it with grunt-webpack, omg so happy

whats more? some nice fellow made an inliner so I can require .html files, I sure am lucky

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

only troublesome detail is that an html file containing

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

es out as

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

I feel like I must be missing some silly detail, otherwise maybe the thing to do is alter html-loader? It's a fairly trivial detail but I still feel like I'm misunderstanding this tool.

check it out .js

as requested, from webpack.config.js, or in my case Gruntfile.js

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

SOLUTION: turns out I can't actually read, require("html!./some_template.html"); runs the loader, and then I was also running it in my config, so I wound up with monjs declaration in my html.

Webpack, super cool and great, yay

also running it with grunt-webpack, omg so happy

whats more? some nice fellow made an inliner so I can require .html files, I sure am lucky

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

only troublesome detail is that an html file containing

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

es out as

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

I feel like I must be missing some silly detail, otherwise maybe the thing to do is alter html-loader? It's a fairly trivial detail but I still feel like I'm misunderstanding this tool.

check it out https://github./webpack/html-loader/blob/master/index.js

as requested, from webpack.config.js, or in my case Gruntfile.js

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

SOLUTION: turns out I can't actually read, require("html!./some_template.html"); runs the loader, and then I was also running it in my config, so I wound up with monjs declaration in my html.

• javascript
• html
• webpack

Share Improve this question Follow edited Jun 12, 2015 at 8:05 James asked Jun 12, 2015 at 4:27 JamesJames 5,79744 gold badges2626 silver badges2828 bronze badges 1

• 1 Can you show the loader part of your webpack config? – Spencer Alger Commented Jun 12, 2015 at 7:23

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 8

For others who are struggling like me here's the solution - https://www.reddit./r/javascript/ments/39jp8z/webpack_weirdness_no_love_at_stackoverflow/

Basically the html-loader is running twice!!

Remove either of the setting. (in webpack config or while importing)

It is explicitly coded to do that - https://github./webpack/html-loader/blob/master/index.js#L71

You could contact the author through github and/or file an issue there?

本文标签： javascriptWebpack htmlloader returns full module definitionStack Overflow