使用 webpack 解析 html 文件中的 require 语句

Question

我正在尝试从 html 文件中获取 html 部分。我正在尝试实现以下目标：

<!-- a.html -->
<p>require('./b.html')</p>
<p>require('./c.html')</p>

<!-- b.html -->
Hello

<!-- c.html -->
World

// a.js
...
var html = require('[loader]!./a.html')
console.log(html)

#=> <p>Hello</p><p>World</p>

看起来这应该是可行的，但我似乎无法让它在我的配置中工作。我怎样才能让它发挥作用？

Answer 1

html-webpack-plugin will be able to do this eventually. See PR #41 了解详情。

使用 webpack 解析 html 文件中的 require 语句

Parsing require statements in html file with webpack

webpack