问题标签 [pug-loader]

我对 Pug 和 Webpack 2 有疑问。我需要编译并包含另一个由函数传递的文件。

我得到什么：

我需要的 ：

这可能吗？如果您能提供帮助，我将不胜感激。

当运行 webpack-dev-server 产生错误 Module build failed: TypeError: text.forEach is not a function enter image description here

在此之前，我尝试通过 HtmlWebpackPlugin 来实现，但它返回纯文本！

我目前正在尝试让 Pug 模板与HTML Webpack Plugin一起运行。我按照他们的指示能够使用自定义模板引擎，例如 Handlebars 或者在我的情况下是 Pug。当我执行它时，我收到了这个错误：

我当前的配置如下所示：

有什么建议么？

我正在尝试从我的 webpack 项目中的 pug 模板输出单个 html 文件。我遇到的问题是pug-loader将html渲染到文件中。

我的 webpack.config：

这会为我的项目中的每个 pug 模板正确生成文件，但这些文件不包含 html。相反，每个文件看起来像：

我安装的依赖版本：

我有一个 Node js 服务器应用程序，它使用Express和Pug. 我想将它捆绑到可以由pm2. 这似乎有几个问题。

1. 在运行时，我Cannot find module "."在编译期间得到一些消息，例如

./node_modules/express/lib/view.js 中的警告 80:29-41 关键依赖项：依赖项的请求是一个表达式

出现来自动态导入的require(mod).__express. 我假设 Webpack 无法静态解决这些问题，并且不知道要包含哪个依赖项。

如何解决？

2. 如何Pug编译并成为输出 js 的一部分？

我使用 pug-html-loader 加载大量 pug 模板并将它们转换为构建目录中的 html。这工作正常，但我希望能够在哈巴狗模板中插入 webpack 哈希。

我不知道如何设置我的 webpack.config 以将此数据传递给 pug-html-loader

这是我的 webpack.config 中的加载程序

如您所见，我想在我WEBPACK HASH HERE当前拥有的数据对象中插入 webpack 哈希，但无法弄清楚如何在 webpack.config 文件中访问/传递它

我们在项目中使用 Jade 模板并使用 Webpack 1 进行捆绑。最近我们被要求更新 Webpack 和 Jade（现在是 Pug）。.pug 文件已成功转换为 HTML，但每当我们尝试require使用.pugJavascript 处理文件时，它都会引发以下错误：

控制台中的错误

角度 JS 文件

webpack.config.js

我试图在http://html2jade.org/上格式化 PUG 文件，但我仍然遇到同样的错误。

提前致谢！

是否可以将变量传递给我之前在“html-webpack-plugin”中定义的“pug-html-loader”加载的 .pug 模板？

webpack.config.babel.js

在layout.html我定义如下：

我如何使用它来传递所有变量 - 在 Webpack 插件中定义以在我的 PugTemplates 和文件中使用？该应用程序应该是一个创建简单网页的简单过程，它由几个静态页面组成。

我正在尝试使用 Webpack 使用 Pug 设置一个基本的 Express 应用程序。这是我的文件树：

应用程序.js：

webpack.config.js：

我遇到的问题是快速应用程序找不到 index.pug 文件。当我启动服务器并转到 localhost:3000 时，我收到一条错误消息：

考虑：

内部index.pug：

我希望自定义标题会被选中，但它会输出默认标题Webpack App（custom变量为undefined）。

• 网络包 1.15.0
• html-web-pack-plugin 2.30.1
• 哈巴狗 2.0.0-rc.4

我在这里束手无策，我觉得我错过了一些明显的东西。