Tag: webpack html loader

使用pug-html-loader将数据传递给帕格（不能读取未定义的属性）

根据pug-html-loader的readme， 加载器接受一个data对象，这个data对象被作为options一部分传递给模板。 虽然帕格API参考中的options不可用，但是我发现的一个grunt插件（ grunt-contrib-pug ）以相同的方式使用API​​。 我为loader指定了以下选项： loader: 'pug-html-loader', options: { pretty: true, exports: false, debug: !env.production, compileDebug: !env.production, cache: config.build.useCaching, doctype: 'html', data: { title: config.metadata.title, baseUrl: config.build.baseUrl, server: env.server, metadata: config.metadata } } 根据这个问题 ，我想按以下方式访问： title= data.title 但是，编译时总是遇到以下错误： ERROR in Error: Child compilation failed: Module build failed: TypeError: Cannot read property 'title' of undefined […]

在webpack上，我应该怎么做“module.exports ='html_template_content'”

所以我想用webpack做一个非常简单的任务。 我有几个像例如静态的HTML模板 的test.html <div><span>template content</span></div> 我想要做的就是返回模板内的string，例如 require("raw!./test.html") 与应该返回一个string，如： "<div><span>template content</span></div>" 但相反，它返回以下string "modules.exports = <div><span>template content</span></div>" 我已经尝试了几个模块，比如raw-loader和html-loader。 而且它们的行为方式都是一样的。所以我查看了源代码，只是为了发现它的SUPPOSED行为是这样的。 那么，如果我只是想要原始的HTML，我到底想要做什么呢？ 删除前面的“module.exports =”string是不是一个坏习惯？ 从捆绑编辑：删除'modules.export ='部分结果束没有返回：/ 我的configuration module.exports = { module: { loaders: [ { test: /\.html$/, loader: "raw-loader" } ] } };