如何让webpack重写pug的图片源？

文章/答案/技术大牛

发布

2回答

webpack、pug-loader

我正在编写一个角度2应用程序，并希望使用我的模板pug。我正在使用webpack来构建解决方案。如果我只是使用 test: /\.pug$/,},但这会给出这个错误： Module build fail

浏览 24提问于2016-08-13得票数 4

回答已采纳

2回答

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

angular、pug、angular-material2、webpack-2

试图按照他们的文档构建一个。我肯定我在做傻事！控制台中的错误： <mat-datepicker #s

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

回答已采纳

1回答

在Visual Studio 2015和Webpack中使用Pug

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

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

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

回答已采纳

0回答

带有HTML的Pug模板Webpack插件

webpack、html-webpack-plugin、pug-loader

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

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

回答已采纳

1回答

不能使用webpack编译文件夹中的每个.pug文件

webpack、pug-loader

我试图使用Webpack创建一个基于以下基础的技术堆栈环境：我到底想达到什么目的： /组件、./视图我要做的是编译视图文件夹上的每个pug文件，并将其转换为HTML并将其发送到dis

浏览 2提问于2018-01-12得票数 0

回答已采纳

2回答

Pug支持角2/角4/角6/角cli /角cli 6(没有自定义WebPack配置)

angular、angular5、pug、angular-cli、angular6

如何正确安装帕格/玉器至2角或以上工作单元和集成测试在创建每个新组件时，不要遭受太大的损失。

浏览 0提问于2018-02-01得票数 2

回答已采纳

2回答

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

webpack、webpack-html-loader、pug-loader

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

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

2回答

Jade - Angular 2中的结构指示语

html、angularjs、angular、pug、angular2-directives

我正在尝试学习使用Angular 2，同时使用Jade创建模板并导入转换后的.html文件。如何在Jade中包含*ngIf和*ngFor？

浏览 2提问于2016-04-07得票数 1

1回答

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

variables、webpack、pug、html-webpack-plugin

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

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

回答已采纳

1回答

如何在Nuxt中使用pug扩展Vue组件？

vue.js、pug、extend、nuxt.js

我理解Vue使用pug进行扩展；详细信息在这里：https://vuejsdevelopers.com/2017/06/11/vue-js-extending-components/ 但在Nuxt中，我找不到将pug模板extend或include到子模板中的方法。如何做到这一点呢？例如，这不起作用，因为我们在Nuxt中没有SurveyInputBase.pug文件，它是一个组件； <template lang="<em

浏览 30提问于2019-06-26得票数 1

1回答

将JSON传递给pug模板

javascript、json、webpack、html-webpack-plugin、pug-loader

我不知道如何在我的pug模板中访问JSON数据。这里是我的小狗布局Pug页，它正在初始化页变量 - var page = "catalog"new HtmlWebpackPlugin({ chunks: ['main'],

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

1回答

Webpack配置html-webpack- PHP插件

php、webpack、html-webpack-plugin

在我的webpack结构中，我使用html-webpack-plugin来生成html文件等等，问题是我想在页面上做一些东西，在这种情况下我想使用PHP。我怎样才能使它正常工作？这是我的webpack.dev.js HtmlWebpackPlugin = require('html-webpack-plugin/webpack.config.paths'

浏览 0提问于2019-04-17得票数 1

2回答

Webpack如何创建多个页面？

javascript、node.js、webpack、pug、webpack-dev-server

这似乎是一个业余的问题，但我在与Webpack一起创建其他页面时遇到了困难。这是我的webpack.config.js文件var HtmlWebpackHarddiskPlugin但是，如果我想创建不同的页面呢？例如，一个关于页面。我知道如果我在我的about.pug文件夹中创建了一个src，它将不会被Webpa

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

1回答

多个pug文件上的插件速度非常慢

performance、webpack-4、html-webpack-plugin、pug-loader

我有一个项目，在我的开发过程中使用了webpack作为捆绑器，使用了webpack-dev-server。我使用了Html-webpack-plugin将我的30个pug文件编译成html，但是当我和webpack-dev-server一起使用时，重新编译的时间很长，可能是5mn。似乎是webpack编译了我所有的pug文件，而不是只编译了我修改过的文件。下面是关于如何生成html

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

4回答

如何阻止Webpack缩小HTML？

webpack

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

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

回答已采纳

2回答

在javascript之前加载样式- webpack* 4*

javascript、webpack

我的JavaScript是在我的样式之前加载的，这会导致跳转和奇数加载。如何在JavaScript文件通过webpack运行之前加载样式/css文件？我尝试了setTimeout函数，它可以工作，但这是一个临时解决方案，这是解决这个问题的最佳方法吗？webpack档案: webpack.dev.jsconst webpa

浏览 0提问于2018-07-06得票数 8

回答已采纳

1回答

带有查询的Webpack加载器语法数组

webpack、webpack-2

扩展从角-cli生成的语法，使用提取，我的情况是使用多个加载器，其中一个加载器需要一个查询字符串。没有工作(这是有意义的，因为webpack不知道哪个加载程序应该使用查询。然而，出于好奇，我到处胡闹，试图重写配置，这样就可以清楚地看到 "test": /\.pug$/, 'raw-loader', 当我试图找到一些关于这个语法的</e

浏览 0提问于2017-04-28得票数 0

回答已采纳

1回答

webpack工程的文件夹结构

webpack、sass、directory-structure

这是文件夹结构，我需要，因为这个repo将用于一个网站托管在netlify的来源。要使netlify站点正常工作，index.html必须位于存储库的根文件夹中。我在配置webpack时遇到了问题。我已经让图像按照它应该的样子工作了。pug和scss以及可能的js文件需要如下文件夹结构所示。我已经阅读了pug-html-loader的文档，但没有任何与此相关的文档。-index.bundle.js |--we

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

2回答

将异步加载的数据传递给webpack中的pug-html-加载程序。

javascript、node.js、webpack、pug-loader

通用设置该项目已启动和运行，我能够正确地呈现帕格文件。现在我需要在webpack编译之前加载一些数据。我想将这些数据传递给pug加载程序，如中所描述的那样。我的问题是，我必须异步加载数据。所以我得到的是一个承诺。如何确保在 webpack编译之前完成承诺？这是我目前无法工作<

浏览 0提问于2019-09-16得票数 6

回答已采纳

1回答

Webpack 4+ pug/sass解压缩/文件加载器不处理多个导入

webpack、webpack-4、sass-loader、pug-loader

我正在尝试一些在webpack看来很基本的东西:将.pug和.scss文件包含在Javascript中的import中，并让编译用extract-loader和file-loader导出各自的.html为了便于复制/演示，我在这里创建了一个回购程序：const path = require('path') output' 只有来

浏览 1提问于2018-06-13得票数 1

回答已采纳

点击加载更多