2015-06-12 4 views
3

Webpack, очень крутой и большой, яйWebpack HTML-погрузчик возвращает полный модуль определения

также запустить его с хрюкать-WebPack, OMG так счастлива

Что больше? некоторый хороший парень сделал Inliner, так что я могу потребовать .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"); запускает загрузчик, а затем я также запускал его в своей конфигурации, поэтому я получил объявление commonjs в своем html.

+1

Можете ли вы показать часть загрузчика вашей конфигурации webpack? –

ответ

4

Для других, которые борются, как я вот решение - https://www.reddit.com/r/javascript/comments/39jp8z/webpack_weirdness_no_love_at_stackoverflow/

В основном HTML-погрузчик работает в два раза !!

Удалите любую из настроек. (в конфигурации webpack или при импорте)

+2

Это сработало для меня. В принципе, нам не нужна часть 'html!' В инструкции require. Просто 'require (" ./ some_template.html ");' – Leone

Смежные вопросы