标签: posthtml

在 JavaScript 中根据需要解析 HTML 模板

我花了几个小时进行基本的 webpack 配置,但仍然无法使其工作。我的目标是在将 html 模板导入 JavaScript 文件时对其进行解析。它看起来像是一个常见的用例,但我的 webpack 配置或我的理解中应该有一些奇怪的东西。

\n\n

我寻找了html-loader、 、 的配置html-webpack-pluginposthtml并且pug阅读了他们的所有文档,但没有一个起作用。

\n\n

根据PostHTML 自述文件

\n\n
\n

PostHTML 是一个使用 JS 插件转换 HTML/XML 的工具。PostHTML 本身非常小。它仅包括 HTML 解析器、HTML 节点树 API 和节点树字符串生成器。

\n
\n\n

因此,由于它是最有前途的,我用 posthtml 报告了我的尝试:

\n\n
   rules: [\n      {\n        test: /.html$/,\n        use: [\n          {\n            loader: "html-loader",\n            options: {\n              minimize: true,\n              interpolation: false\n            }\n          },\n          {\n            loader: "posthtml-loader"\n          }\n        ]\n      }\n    ]\n
Run Code Online (Sandbox Code Playgroud)\n\n

它不会返回任何错误,但看起来完全忽略了 posthtml-loader,因为执行import template from \'src/test.html\'\xc2\xa0I …

javascript webpack webpack-html-loader posthtml

5
推荐指数
1
解决办法
2815
查看次数