问题标签 [pug-loader]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
node.js - NPM PUG 错误生成 HTML 文件 - “这与 npm 无法找到文件有关”
我购买了一个 HTML5 模板，文件需要用 NodeJS 编译。我没有使用 NodeJS 的经验，并且遇到了错误。我会提供我认为相关的所有内容，但请让我知道还有哪些其他信息可能会有所帮助。
以下是运行 install.bat 时的 NodeJS 结果：
这是install.bat：
这是package.json：
gulpfile.js：
输出中列出的日志文件非常长，但它以以下结尾：
我尝试更新在警告中看到的一些软件包，如下所示：
但是当我npm i再次尝试时，我得到了完全相同的结果，就好像没有实际升级一样。
更新：
使用 NVM 我切换到节点 14.15.5，现在我在第二步遇到了一个新错误：
在我能够使用 node-sass 之前，虽然我希望我注意到我当时使用的所有东西的版本（我正在学习。）但是，现在每当我尝试在其中安装任何版本的 node-sass 时都会出现此错误任何文件夹。
这是我当前的版本：
webpack - img(src=require(...)) 生成丑陋的 html
我已经用下一个内容编写了 pug 文件：
并尝试使用下一个 webpack 配置通过 Webpack 将其构建为 html：
结果，它构建成
当我打开包含此内容的 html 页面时，图像不会加载。
我应该怎么做才能img(src=require("../../assets/icons/icon.png"))建成<img src="../assets/icons/icon.png">？
webpack - 未找到模块：错误：无法解析 ... Pug 到 HTML 加载器
请帮忙。我尝试在我的项目中使用 pug-html-loader。你们能帮我找到解决方案吗？我的哈巴狗文件在文件夹“/app/views”中，我喜欢生成 html 文件。如果您找到解决方案，我将非常有帮助。
错误信息：
我的 webpack.config 是：
if-statement - 在 PugJS 上添加“数据属性”的可选链接
我正在寻找一种在 PugJS 上添加“可选链接”以设置data-active="true"if的解决方案i === 0。
贝娄是我目前的代码。此代码有效，但这种方法（如下）的问题是我必须在else语句中重复我的代码，这没有意义。我必须添加(i === 0 ? 'data-active="true"' : '')，.my__element但我不知道该怎么做。
请问有什么帮助吗？谢谢
javascript - 使用 Webpack 5 将 `html/index.pug` 构建到 `dist/index.html` 中
我想构建html/index.pug使用dist/index.htmlWebpack 5。
我曾经使用 Webpack 4 来file-loader实现这一点，但它在 Webpack 5 中似乎已被弃用：在Loaders页面中没有提及它。Webpack 5 解决方案似乎正在使用Asset Modules：该页面清楚地表明这file-loader是 Webpack 4 的旧解决方案。
到目前为止，我还没有让它工作。这些是我在我webpack.config.js的 's中尝试过的几个配置module.rules：
1.使用pug-loader唯一
这将创建一个dist/index.html包含以下内容的文件：
它看起来像是pug-loader将 pug 文件转换为 JavaScript 模块，该模块在调用时生成 html 代码。我想要的是生成的 HTML 代码，而不是生成它的 JS 函数。
2.val-loader用来执行上面生成的JavaScript模块
这也不起作用：Webpack 在尝试构建时抛出错误dist/index.pug：
注意/home/bluenebula/work/webpack5-test/node_modules/pug-runtime/index.js确实存在。
问题
Asset Modules 是使用 Webpack 5 从 Pug 生成 HTML 文件的正确工具吗？
我还应该做什么？
我如何让它工作？
javascript - Webpack - 在 webpack-dev-server 上链接其他 Pug 页面不起作用
我正在重建自己的网站，我想在页面之间添加一些过渡。
在此示例中，我的文件夹中有两个pug文件src： 在index.pug我有一行代码 ( a(href='./about') Go to about) 应该链接到about网页。相反，我得到了这个错误cannot get /。
如果我将其更改为 ( a(href='./about.html Go to about) 并在生产中运行它，一切都会顺利进行。
我的文件夹结构是：
webpack.common.js
webpack.prod.js
webpack.dev.js
我尝试在 in 中添加一个新的template（这在 中有效），但它只显示页面，然后出现此错误：HtmlWebpackPluginwebpack.dev.jsproductionaboutlocalhost:8080