带有HTML的Pug模板Webpack插件

文章/答案/技术大牛

发布

1回答

在Visual Studio 2015和Webpack中使用Pug

visual-studio、webpack、visual-studio-2015、pug-loader

我对使用Visual相对较新，但我正在从事的项目是一个在.cshtml文件中包含多个页面的网站。我已经设置Webpack作为前端构建工具，并希望开始使用作为模板引擎。让构建工具将Pug模板编译成HTML并保持低依赖性对我来说更有意义，而不是Visual编译它们(使用类似于的东西)。我应该创建一个/pug文件夹并以.pug文件的形式重新构建视图，并以任何Razor语法作为纯文本--然后使用Webpac

浏览 2提问于2017-04-06得票数 1

回答已采纳

1回答

如何使用webpack更新jade中的脚本标签？

javascript、node.js、express、webpack、pug

可以使用webpack简单地将jade/pug模板的脚本标记更新为缩小/缓存崩溃的JS包吗？我找到的所有示例都显示了如何使用插件将jade模板转换为HTML。我是服务与快速的玉石文件，不需要他们转换为html。谢谢!

浏览 0提问于2017-09-24得票数 0

1回答

HtmlWebpackPlugin不会将pug变量传递给包含的pug文件

variables、webpack、pug、html-webpack-plugin

我对webpack和pug如何协同工作有了基本的了解，使用HtmlWebpackPlugin通过pug模板生成带有捆绑资源的页面。我已经用两个pug文件创建了一个非常简单的测试项目：head.pug包含<head>中包含的内容，index.pug是其余的。现在，如果我使用webpack来构建我的资源并生成index.

浏览 42提问于2021-01-08得票数 1

回答已采纳

1回答

如何为Pug、React和ES6设置webpack

javascript、reactjs、webpack、pug-loader

我正在用Webpack用巴别塔来转换我的JS，它工作得很好。现在我需要知道如何用Pug (或HTML语言)编写我的模板，并将其添加到Webpack工作流中。我希望我的build文件夹有两个文件：一个示例webpack.config.js文件会很有帮助，但我真正想要的只是如

浏览 51提问于2017-02-08得票数 9

回答已采纳

1回答

Webpack，包括其他HTML文件中的HTML文件

webpack、pug

Webpack和帕格有一个很棒的功能叫做。这允许您通过调用以下命令从pug模板加载另一个pug模板：据我所知，这并不使用任何JS，而是在Webpack编译脚本时自动完成的。如果不使用pug和，而不使用，就能实现这一点吗?用JS向dom客户端添加文件吗？我看过一堆Webpack插件，但是如果不从

浏览 1提问于2020-05-29得票数 0

回答已采纳

0回答

webpack、html-webpack-plugin、pug-loader

我目前正在尝试让Pug模板与一起运行。我遵循了他们的指示，以便能够使用自定义模板引擎，如Handlebar或在我的情况下Pug。当我执行它时，我得到了这个错误：Module build failed: Error: Cannot find modul

浏览 12提问于2017-06-15得票数 3

回答已采纳

2回答

webpack或类似产品的快速成型

javascript、webpack、webpack-dev-server、rapid-prototyping

我想知道是否有一个快速原型工具，我可以使用它来加速静态html和css开发。在过去，我使用PHP或其他东西将所有内容都包括在一起。在每个html文件中，我需要包括来自其他静态文件的html片段。我需要更少

浏览 3提问于2017-02-21得票数 0

回答已采纳

2回答

Webpack可以从SCSS和Pug构建多个HTML文件吗？

javascript、node.js、npm、webpack、pug-loader

我读过很多关于webpack的教程，但似乎更多的是为了创建网络应用程序，然后是为了我想要做的事情，所以我不想浪费更多的时间，如果以下不可能的话。我正在创建一个第三方eCommerce系统上的网站，他们有一个编码模板的系统，可以用来改变他们网站的结构。下面是一个我将要创建的模板的例子(尽管有很多类型&我需要做的变化不只是几个)。我简化这些模板</em

浏览 1提问于2018-09-05得票数 1

回答已采纳

1回答

不能让Webpack用Express+Pug* (Jade)网页应用“实时重新加载”功能*

node.js、express、webpack、pug-loader

我想要的是非常简单的:开发一个简单的Node+Express+Postgress+Pug站点，使用webpack的实时重新加载功能。自从使用Webpack作为开发人员以来，波兹特还没有进入过这一阶段。使用和html-webpack-插件，我期待着一个快速的开发经验。我的*.pug文件应该显示控制器发送的数据，就像当我运行节点服务器而不是

浏览 0提问于2019-07-20得票数 2

5回答

将变量从html-webpack-plugin传递到pug模板。

webpack、pug-loader

是否可以将一个变量传递给我之前在'html-webpack-plugin‘中定义的’pug加载器‘加载的.pug模板？ test: /\.pug$/, { },

浏览 31提问于2017-07-27得票数 6

1回答

Webpack -不输出某个入口点的包

javascript、node.js、webpack、pug-loader

我正在使用一个文件加载器自动将一堆pug模板呈现为静态html文件，但webpack也根据入口点输出了一个无意义的文件entry: {}, path: path.join(__dirname, &#

浏览 10提问于2017-02-22得票数 8

2回答

为什么webpack* + pug会生成一个未定义的入口点= ./index.html错误？*

node.js、webpack、pug-loader

问题的本质是这样的:在webpack的基础上，一切都很好，只有一个例外:当更改帕格文件时。重新生成项目，但浏览器中未更新内容。在构建时，它会产生一个错误: Entrypoint = ./index.htmlconst fs = require('fs'); const HTMLWebpackPlugin = require('html-webpack<

浏览 14提问于2020-10-06得票数 0

回答已采纳

2回答

如何将变量从玉装载机传递给玉模板文件？

pug、webpack

我想把我的数据对象传递给翡翠文件，但是我的jade-loader是不可能的。name: "Georg"}plugins new HtmlWebpackPlugin({})]span=locals.name 我运行webpack，我得到了这个index.ht

浏览 2提问于2016-06-10得票数 5

回答已采纳

1回答

webpack:在pug模板中注入javascript哈希文件名

javascript、node.js、webpack、pug

我使用pug作为我的Node.JS视图引擎。我将我的javascript文件捆绑在一起，使用带有hashname的webpack来进行缓存破坏。这里的问题是，我不知道如何在我的pug模板中包含捆绑的javascript文件名，因为每次它都会生成一个新的哈希名。如何获取从webpack生成的哈希名，并将其包含在我的pu

浏览 45提问于2020-12-31得票数 1

回答已采纳

1回答

Vue CLI 3使用索引pug生成pug模板

webpack-4、vue-cli-3、pug-loader

我使用Vue CLI 3内置于Webpack，我试图使用index.pug作为源索引模板，而不是默认的HTML。我想输出一个index.pug文件作为webpack进程的结果，以供节点服务器使用动态数据进行进一步填充。这是我的vue.config.jsconst path = require('path') const webpack = requi

浏览 1提问于2019-01-16得票数 1

2回答

用webpack在模板或HTML中插入JavaScript文件

javascript、node.js、npm、webpack、gulp

假设我有一个服务器(例如Node& Express )，它基于模板文件(如pug、ejs、节条、小枝、marko.)向客户端提供HTML页面。如果我使用webpack来捆绑JavaScript文件，是否可以(通过构建步骤)将Javascript文件自动注入到相应的模板中？我不想生成HTML文件，所以每个基于html-webpack插件的解决方案都不是我正在搜索的。我想做<e

浏览 7提问于2020-02-12得票数 1

2回答

如何用webpack从pug模板中输出html文件？

webpack、webpack-html-loader、pug-loader

我正在尝试从我的webpack项目中的pug模板输出单独的html文件。我遇到的问题是让pug-loader将html呈现到文件中。我的webpack.config：const glob = require('glob'); const webpack = req

浏览 33提问于2017-06-28得票数 6

2回答

导致模板分析错误的模板变量:没有将"exportAs“设置为"#start_date”的指令

angular、pug、angular-material2、webpack-2

试图按照他们的文档构建一个。我肯定我在做傻事！mat-datepicker><select name="type" [(ngModel)]="filters.fields.type" (ngM"): ng:///AppModule/AccountingComponent.html@0:574 .filters in

浏览 0提问于2018-05-11得票数 0

回答已采纳

2回答

如何将JS文件添加到角2中的@模板(如$templateCache)？

angular

这可能措辞很糟糕，但在我现有的Range1项目中，我使用了一组使用HTML2JS预编译成JS文件的HTML资源。这是很好的工作，所以现在我正在考虑我的角度2的方法。由于HTML2JS还没有更新，一切似乎都围绕着2种策略。首先，在@tempate中添加HTML。这会缓存它，所以我不会一直去服务器，但是它也使得在IDE中格式化很困难，并且降低了IMHO的可读性。这似乎使事情更加可读性，但限制了缓存的数量。这意味着我需要

浏览 5提问于2015-04-05得票数 16

回答已采纳

4回答

如何阻止Webpack缩小HTML？

webpack

我读过part of the Webpack documentation，它解释了为什么在使用module.loaders语法设置加载器时，Webpack会缩小超文本标记语言。我正在使用pug-loader和html-webpack-plugin来处理我的模板，但是Webpack总是用缩小的HTML来处理它们。我怎么才能阻止这一切呢？{

浏览 41提问于2017-06-14得票数 6

回答已采纳

点击加载更多

在Visual Studio 2015和Webpack中使用Pug

如何使用webpack更新jade中的脚本标签？

HtmlWebpackPlugin不会将pug变量传递给包含的pug文件

如何为Pug、React和ES6设置webpack

Webpack，包括其他HTML文件中的HTML文件