问题标签 [posthtml]

I'm getting error TypeError: "plugin-name" is not a function when I try to use more than one gulp plugin.

I'm using Gulp 4

My gulp file

Error

这个 PostHTML 插件“ PostHTML Each ”可以以简单的方式重复 HTML 代码。像这样

如何在 Nunjucks 中以类似的方式重复？

我正在寻找一种方法来获取呈现的网页的 POST html 代码。在 Firefox 中有一个名为 Web Developper 的插件，它不仅可以返回“正常”源代码，还可以返回渲染的源代码。

示例：https ://bs.chregister.ch/cr-portal/auszug/auszug.xhtml?uid=CHE-230.467.384#

我需要获取该网站的 HTML 源代码，其中包含地址等内容（在本例中为“c/o Nora Stähelin”和“Kraftstr. 1”）。我的代码如下所示：

编辑：生成的 HTML 是指 JavaScript 更改 DOM 后的 HTML。

I spent hours on a basic webpack configuration but I'm still not able to make it work. My aim is to perform the parsing of a html template as you import it in a JavaScript file. It looks like a common use-case, but there should be something odd in my webpack configuration or in my understanding.

I looked for configurations of html-loader, html-webpack-plugin, posthtml as well as pug and I've read all of their documentations, but none of them worked.

According to PostHTML Readme:

PostHTML is a tool for transforming HTML/XML with JS plugins. PostHTML itself is very small. It includes only a HTML parser, a HTML node tree API and a node tree stringifier.

So, since it was the most promising, I report my attempt with posthtml:

It doesn't return any error but it looks like is totally ignoring the posthtml-loader, since executing import template from 'src/test.html' I get the template as string (how is supposed to do html-loader alone).

In my understanding, loaders are supposed to compile/transform files with different formats and make them available to JavaScript, and since html is the most common type in a front-end project I supposed it was easy, but I'm not finding anything on the internet related to this question.

What I expect is to have a DOM tree object or, anyway, something that can be used by JavaScript.

Is anyone able to help me?

EDIT: My question is about getting a webpack configuration up and working. I know many solution for parsing HTML strings, but they're not applicable here

通过包裹 .htm 文件构建时，输出为 .html 文件。我宁愿将 .htm 文件保留为输出文件，但无法在 Parcel 或 Parcel 使用的 PostHTML 中找到一种方法。

我更新了一个旧的静态网站以使用 Parcel 作为构建工具。所有网站文件都带有 .htm 文件扩展名。

我遇到了一个问题，目前 parcel 自动将所有 .htm 文件重命名为 .html，并自动将所有内部链接更新为 .html

这是目前的一个问题，因为该站点在搜索引擎上以 .htm 文件后缀编入索引，因此我目前需要保留两个副本或为每个 .htm 文件执行重定向。

我目前正在使用Sorting HTML and Jade attributesVS Code 上的扩展来自动排序我的 Vue 属性。我对其进行了设置，以便在保存时执行。

我的问题： 执行时，我的自关闭Vue组件发生了变化。

前任。

假设这是我的代码：

然后被翻译成：

这会破坏应用程序！

知道如何解决这个问题吗？

太感谢了！

我正在尝试使用 Webpack 来模拟 Parcel 在多页应用程序中的行为（我会使用 Parcel，但 Parcel 1 无法在 Node 15 上运行，并且 Parcel 2 仍然是一个测试版，目前存在太多无法使用的错误。 )，部分原因是我需要能够拥有多个带有共享标记的 HTML 文件。在包裹中，我使用了 posthtml-include，所以我想对 Webpack 做同样的事情，尽管我对其他选项持开放态度。为此，我找到了这个github 存储库，这似乎是整合 posthtml 和 Webpack 的官方方式。有了这个，我创建了一个最小的 Webpack 项目来弄清楚如何使用它，我发现它没有按预期工作。我最小的、完整的、可验证的例子如下：

包.json：

webpack.config.js（基本上是链接的 github 存储库中示例的复制/粘贴）：

src/index.js：

src/index.html：

当我npm run build在这个项目上运行时，我希望它在显示我的标题index.html的子文件夹中输出一个文件dist（实际上是在它工作之后才使用 Webpack 和 Posthtml 的功能。），但我得到了以下错误：

为什么 Webpack 的行为不像我预期的那样？我怎样才能使它表现得像我期望的那样？我试图找到其他资源来了解如何将 Posthtml 与 Webpack 一起使用，但我发现的大部分内容仅提供了有关如何将常规 HTML 文件与 Webpack 一起使用的信息。当我使用该集成的官方 Github 存储库示例中给出的确切代码时，它不起作用是没有意义的。

版本信息：

我正在使用Maizzle html-email 框架开发一个项目，该框架需要在最终的生产构建文件中嵌入（但被忽略）一些 php 代码，以便稍后在运行时执行。本质上，我只是希望 Maizzle 在构建过程中忽略 php 代码块。

从包含在带有标记的主模板文件中的组件文件中忽略的简化代码<component src="compname.html"></component>。

来自 config.production.js 文件的代码

只要 php 代码直接在主模板文件中，我就可以使用 Raw 标签跳过表达式解析，以及使用 posthtml-custom-elements 指令将 posthtml-custom-elements 指令添加到我的配置文件中。 Maizzle 文档中显示的示例以跳过忽略 php 代码。

问题：但是，如果 php 代码在我的模板文件中包含的组件文件中，我无法让它工作。运行“maizzle 生产构建”后，组件文件中的任何 php 代码都会被完全删除。

我希望有人可以提供解决方案，或者这只是 Maizzle 工作方式的限制。