CSS在pug中显示为键入的文本
基础概念
Pug（曾名为Jade）是一种简洁且强大的HTML模板引擎，用于生成HTML。CSS（层叠样式表）用于描述HTML文档的外观和格式。在Pug中，你可以嵌入CSS样式，但需要确保正确地编写和引用它们。
相关优势
- 简洁性：Pug通过缩进和简洁的语法减少了HTML的冗余。
- 可维护性：模板引擎使得HTML结构更易于管理和维护。
- 灵活性：可以在Pug中直接嵌入CSS，便于样式和结构的紧密结合。
类型
在Pug中，CSS可以通过以下几种方式嵌入：
- 内联样式：直接在元素上使用
style属性。 - 内部样式表：在
<head>部分使用<style>标签。 - 外部样式表：通过
<link>标签引用外部CSS文件。
应用场景
- 动态网页：在服务器端渲染时，Pug可以动态生成包含CSS的HTML页面。
- 单页应用（SPA）：在前端框架（如React、Vue）中，Pug可以作为模板引擎，生成包含CSS的组件。
问题及解决方法
如果你在Pug中编写了CSS，但它显示为键入的文本而不是应用样式，可能是以下原因：
- 语法错误：确保Pug语法正确，特别是缩进和标签闭合。
- CSS选择器错误：检查CSS选择器是否正确匹配了目标元素。
- 样式未加载：如果是外部样式表，确保路径正确且文件可访问。
示例代码
doctype html
html
head
title Pug CSS Example
style.
body {
font-family: Arial, sans-serif;
}
h1 {
color: blue;
}
body
h1 Hello, Pug!
p This is a paragraph with some text.在这个示例中，CSS样式直接嵌入在<style>标签中，并应用于body和h1元素。
参考链接
通过以上信息，你应该能够理解如何在Pug中正确嵌入和应用CSS样式。如果遇到具体问题，请检查上述可能的原因并进行相应的调整。
相关·内容
3回答
我想不出如何在pug中加载样式表。我试过我能想到的每一种方法。并在谷歌上进行了广泛的搜索。这似乎是一个愚蠢的问题，但我已经浪费了那么多时间来解决这个问题。
我的文件结构如下
/main
server.js
package.json
/views
layout.pug
main.pug
/public
style.css
在以下所有示例中，我尝试以下列方式引用该文件：
href="../public/style.css"
href="./public/style.css"
浏览 4提问于2017-10-28得票数 5
2回答
我使用Express/Node和Pug作为视图模板。尝试使用Tailwind进行样式设计，但是无法让Tailwind根据在Pug文件中添加的类名来修改我的CSS。以前有人遇到过这种情况吗？
这里是我试图修改“测试顺风”显示方式的Pug文件。但是，它加载黑色纯文本。
我能够用顺风样板库、组件和实用程序填充我的style.css文件。如果我在styles.css中设置类名的样式，它就能工作，所以文件被正确地链接.
浏览 14提问于2022-06-04得票数 0
1回答
我正在做一个web开发课程，我们使用pug/express制作这个项目，一切都运行得很好，然后一段时间后，CSS代码开始显示为文本，甚至在开发人员工具中，它在style标签下显示# text。代码和所有内容都是正确的，当我将它附加到HTML文件并上线(VS代码扩展)时，CSS也会显示出来，但只有当我使用nodemon通过pug/express运行它时，它才会显示为文本。这是照片。enter image description here javaScript代码 const express = require("express");
const path = require(&
浏览 22提问于2021-11-22得票数 1
我是NodeJS新手，我正在使用Express为我的pug文件/视图提供服务。此外，我还使用“express-sass-”来编译和提供scss/css文件。一切都运行得很好，但不幸的是，CSS没有被应用。
我的app.js文件如下所示：
var express = require('express');
var sassMiddleware = require('express-sass-middleware');
var app = express();
app.set('view engine', 'pug');
app.g
浏览 1提问于2017-07-05得票数 0
回答已采纳
2回答
BrowserSync不加载
、、、、
对BrowserSync来说非常新。我想弄清楚该怎么做，哈哈。
我存储所有东西的主文件叫做“gulpwork”。
在它里面我有4个文件夹；两个用来把Pug ('src')转换成HTML ('dist')，两个把SASS ('sass')转换成CSS ('css')。
我已经设法让BrowserSync运行，但是我得到了‘无法获取/’消息，所以我知道它可能与文件目录有关。
我想让帕格和沙司同步。
编辑:只有当我将我的Pug和HTML文件直接放在他们敬重的文件夹之外的时候，它才能工作，并且只有当文件被命名为时才能工作。我如何才能让它在
浏览 1提问于2017-10-15得票数 4
回答已采纳
我有一个webservice，它生成带有内联CSS的超文本标记语言电子邮件，以响应以下网址的POST请求：
我在中创建了一个简单的angular2应用程序，这样人们就可以看到将要生成的超文本标记语言。这个想法是，你在左边添加参数，然后点击按钮。Angular发出post请求，并在右侧显示结果。在iframe中预览生成的HTML，在下面的div中预览原始html。
以下是该服务：
import { Injectable } from '@angular/core';
import { Http, URLSearchParams } from '@angu
浏览 1提问于2017-06-27得票数 6
1回答
我使用angularjs和pug作为前端。我想在鼠标悬停的7列上显示不同的文本，如昨天，2天前，3天前，....七天前。
我的桌子是
tbody tr td.text-center(ng-repeat="value in collection track by $index") {{value}}
我不想使用单独的CSS文件。所有需要的样式应该是在pug文件本身。
浏览 0提问于2017-08-04得票数 0
1回答
试图让尾风通过CLI指令来工作。我有一个(简化)文件结构
-public
-stylesheets
-styles.css
-tailwind.css
-views
-index
-index.pug
-page2.pug
-page3.pug
-user
-index.pug
-page2.pug
-includes
-templates
-header.pug
-footer.pug
我跟踪了安装文档和YouTube上的一个视频，试图让它正常工作，但是当我用以下方式设置tailwind
浏览 19提问于2022-04-05得票数 1
回答已采纳
我想要动态更改URL文本。这是我在Pug模板引擎中使用的代码：
html
head
title=title
<link rel="stylesheet" type="text/css" href="/css/style.css">
body(style={'background-color': color })
#content
.bigquestion=message
| <div class='questionnumber'>
浏览 0提问于2017-01-06得票数 4
回答已采纳
extends base.pug
block scripts
script(src='/static/index.js')
block style
style
include ../static/style.css
include ../static/styleContact.css
block content
div.container
h1 Contact Us
form(action='/contact', method= "post", class= "myFor
浏览 1提问于2021-07-02得票数 0
回答已采纳
我有一个项目，用于开发使用webpack-dev-server。我想部署的应用程序使用一个快速的服务器，将通过Pug模板提供其内容，或只是静态的超文本标记语言页面产生的HtmlWebpackPlugin时，运行生产webpack。当前设置：
──┬ dist
| └──┬ server
| | └──┬ views // moved by CopyWebpackPlugin
| | | ├─── error.pug
| | | └─── index.pug
| | ├─── index.js // bundled server
| ├───
浏览 0提问于2017-09-23得票数 1
使用NetBeans 8.2构建使用单个文件组件的VueJS应用程序。单个文件组件具有html模板部分和脚本部分(以及可选的CSS部分)。在将文本扩展与.vue /html mime类型关联之后，语法突出显示可以正常工作。
通过指定lang属性，VueJS支持在模板部分中使用模板语言(见下文)。我使用pug作为我的模板语言。html语法加亮器不会将模板部分识别为pug。
我可以将mime类型切换为文本/jade (pug以前是jade)，并在模板部分得到适当的高亮显示，但随后它不再将脚本部分识别为JavaScript，打破了语法高亮显示。
根据我的研究，似乎没有办法解决这个问题(除了编写自定义
浏览 0提问于2018-10-20得票数 2
我正在尝试一些在webpack看来很基本的东西:将.pug和.scss文件包含在Javascript中的import中，并让编译用extract-loader和file-loader导出各自的.html和.css。
为了便于复制/演示，我在这里创建了一个回购程序：
最小的webpack配置非常琐碎，是：
const path = require('path')
module.exports = {
output: { filename: 'app.js' },
entry: path.join(__dirname, 'index.js'
浏览 1提问于2018-06-13得票数 1
回答已采纳
1回答
我有一个函数将一个变量'message‘传递给我的pug文件。它在pug文件中工作得很好，但我需要它在我包含在pug文件中的JS文件中工作。
我在我的pug文件中包含了一个js文件，如下所示：
include test.js
我的JS文件包含一些带有#{message}变量的代码，这些代码通过函数传递到我的pug文件中。
document.getElementById("demo").innerHTML = "#{message}";
因为我是通过include包含这个JS文件的，所以它基本上将其显示为不带标记的纯文本。这正是我想要的。但是，我需要将一些
浏览 4提问于2017-10-06得票数 1
我正在使用Express和Pug模板引擎。我有两条路线：
/profile，它显示登录的用户配置文件信息。只能通过登录用户访问。
/profile/:id，它显示其他用户的信息。每个人都可以访问。
这是我的代码：
app.get("/profile/:id", function(req,res) {
// Get info from DB for specifed username in req.params.id
res.render("profile.pug", locals);
});
app.get(&#
浏览 2提问于2016-09-03得票数 1
回答已采纳
1回答
Pug不显示图片
、、、、
我只是想在express中玩玩，但我无法理解视图引擎。我没有得到背景图片，或者任何要显示的图片。我在html中尝试了同样的css代码，看起来还不错，但在pug中却是空白的。
我有以下结构：
-public
--home.jpg
--styles.css
-views
--index.pug
-main.js
除此之外，视图引擎似乎可以很好地呈现pug页面，并将简单的css逻辑加载到页面中。
main.js
const debug = require("debug");
const path = require("path");
const express
浏览 2提问于2020-08-26得票数 0
1回答
我在帕格文件上打印一个变量。那个变量(脚本)有js代码。但我得到了以下错误：
{错误：./app/view/cms/index.pug:29:9 \n 27 x \n 28 \n \n>29回！{script}\n
如果是properties.header.version\n\nunexpected文本\"!{scr\"\n在makeError
我的nodejs代码：
// ...
var html = pug.renderFile('./index.pug', {
scripts: '<script type="te
浏览 2提问于2018-05-10得票数 0
回答已采纳
2回答
我正在用快车试试看帕格
views/layout.pug
doctype html
html
head
title= title
link(rel="shortcut icon", href="favicon.ico", type="image/x-icon")
link(rel='stylesheet', href='/assets/application.css')
link(rel='stylesheet', href="assets/libs/
浏览 0提问于2017-04-25得票数 1
回答已采纳
1回答
我有一个example.pug和一个example.css。在命令行中，我使用pug example.pug，它生成一个example.html页面。唯一的问题是，当我在浏览器中打开页面时，外部样式没有链接。我该怎么解决这个问题？
大多数类似于此的问题都涉及到Express，我没有使用它。
谢谢!我将在下面添加文件目录。-Directory |-Styles |-example.css |-Examples |-examples folder |-example.pug
希望这是合理的。我还将.css直接移动到与.pug相同的位置，如下所示。-Directory |-
浏览 0提问于2018-04-30得票数 0
回答已采纳
1回答
我试图让Webpack呈现一个静态的html并导出相对的css，从使用HtmlWebpackPlugin的pug模板和css模块开始。
我的设置如下
//webpack.config.js
...
plugins: [
new CleanWebpackPlugin(),
new HtmlWebpackPlugin({
template: "src/templates/index.pug",
excludeChunks: ["landing", "runtime"],
exclu
浏览 1提问于2019-07-29得票数 2
回答已采纳
嗨，有人知道如何在Pug中使用href吗？
我想要实现的是：
<noscript class="lazyload">
<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/style.css">
</noscript>
我试过了，但它不起作用。
noscript.lazyload
link(rel='stylesheet', href!="<? php e
浏览 1提问于2018-08-24得票数 0
在pug js模板(以前是jade)中，删除each语句中元素之间的换行符非常困难。
我的代码如下所示。我希望在呈现超文本标记语言时，li元素之间没有空格，所以我尝试在它们之间使用注释。
mixin nav(links)
ul.nav <!--
each link in links
|-->
li(class=(section == link.key ? 'active' : null)): a(href=link.href)= link.label
|<!--
|-->
现在，我得到了这个结果：
浏览 1提问于2017-07-19得票数 9
1回答
刚开始用Parcel和Pug。我遇到了问题，在如何使用一个链接在帕格到不同的帕格文件。
我的src目录中有两个pug文件，index.pug和tradgard.pug。我也有一个导航包括，这两个提到的帕格文件使用。这是nav的代码，包括：
nav#nav.flex-nav
ul
li
a(href='/') Hem
li
a(href='#') Vår story
li
a(href='/tradgard') Trädgården
li
浏览 0提问于2019-03-18得票数 2
1回答
我使用Webpack 2作为我的投资组合网站，但它不是一个SPA -因此，意图不是输出到我的捆绑JS所有的东西。
我有一些.pug、.scss和.js文件的入口点。就像这样：
entry: {
app: [
path.resolve(__dirname, 'src/pug/app.pug'),
path.resolve(__dirname, 'src/js/app.js'),
path.resolve(__dirname, 'src/scss/app.scss')
]
},
output: {
path: pa
浏览 0提问于2017-04-15得票数 0
回答已采纳
背景
因此，我有一个简单的Express应用程序(用快递生成器制作)具有这个结构(y只显示相关部分)：
myapp
├── app.js
├─┬ public
│ └─┬ assets
│ ├── css
│ └── js
├─┬ routes
│ └── admin.js
└─┬ views
├── layout.pug
├── admin.pug
└── process.pug
我的观点
我的layout.pug是这样的
html
head
title= title
link(rel='stylesheet', h
浏览 4提问于2017-06-26得票数 0
回答已采纳
1回答
我在nodejs项目中安装了模块。我正在尝试从导航栏创建一个菜单。
我做了那些文件：
layout.pug：
include /node_modules/pug-bootstrap/_bootstrap.pug
index.pug：
extends layout
block head
+navbar("menu")
+nav_item("#", undefined, true)
string test
block body
h1= title
p Welcome to #{title}
_bootstrap.pug包含引导css文件：
浏览 3提问于2017-04-07得票数 2
回答已采纳
1回答
我有一个帕格模板，当我的网页上点击一个按钮时，它会呈现并显示给用户。在pug将HTML标记呈现为部分原始文本而不是解析文本并将其添加为DOM节点时，我遇到了一个问题。
我的interpolate看起来像：p #{object.property}，所以尝试将一个HTML插入到模板中。
该属性包含一个HTML字符串，如下所示：
<p>Here is some text I'm trying to render</p>
我尝试过使用#{object.property}来处理奇怪的呈现问题，在页面中呈现<，然后是文本内容。我非常肯定，这是因为帕格将<作为纯文
浏览 2提问于2018-02-24得票数 2
回答已采纳
我有以下配置用于我的pug文件...
{
test: /\.pug$/,
loaders: ["pug-html"]
}
现在我想添加一个使用url-loader加载的图像。我的结构是这样的
src
...
thing
thing.template.pug
thing.png
我想把png包含在我添加的pug文件中...
img(src="thing.png")
这个问题不能解决，所以我尝试了像img(src=require("thing.png"))这样的东西。这些都不起作用。我试着像这样添加
浏览 4提问于2017-01-05得票数 2
1回答
嘿，我还是个新手，想不出办法让按钮时间启用，所以用户在点击之前要花时间去阅读文本。我正在使用一个快速的应用程序和pug与bootstrap.css相结合的模板。 pug文件： html
head
link(rel='stylesheet' href=`${baseRoute}/bower_components/bootstrap/dist/css/bootstrap.css`)
body
.container
form(method='GET' action=`${baseRoute}/n
浏览 9提问于2020-12-03得票数 0
回答已采纳
除了使用函数 gulp.watch()的之外，所有任务都执行得很好。我真的不知道该怎么办。在互联网上，与NodeJS v6发出的相同错误。但我有最新的四个主要版本。有一份文件
// gulp declarations
var gulp = require('gulp'),
pug = require('gulp-pug'),
copy = require('gulp-copy'),
concat = require('gulp-concat'),
sass = require('gulp-s
浏览 0提问于2016-08-06得票数 0
我想添加一个css文件只在index.html页面使用如果与pug。我用pug得到了下面的代码：
- var thepage = { page: './index.html' }
if thepage.page
link(rel="stylesheet", type="text/css", href="../css/slider.min.css")
吞咽没有错误，但它不起作用。
浏览 4提问于2017-08-09得票数 1
我对Web开发和NodeJs服务器非常陌生，Pug这是我第一次使用它们。从本质上讲，我希望有一个盒子，它将是一个div，我想根据JSON文件中的列表动态地更改该盒子中的数据，最终，当我得到这个工作时，我将使用一个数据库来提供该列表。我已经设置了我的服务器，并使用一些在线教程设置了我的Pug代码的基本部分。我知道我必须使用一些javascript来完成这项工作，但是我甚至不能在我的pug代码的"script“部分访问我的列表，这让我更加困惑。以下是我到目前为止拥有的代码： server.js： const express = require('express');
co
浏览 26提问于2019-12-27得票数 0
回答已采纳
1回答
我有一个高速公路路径，在这里我呈现一个product.pug文件。
res.render('product', {
title: '',
message: 'Hello.\n'
+ '\n there.',
});
现在希望在.pug file.Like hello中的一行中的新行中呈现这些内容，而there将显示在另一行中，它总是显示在一行中。
这就是我到目前为止在pug/jade文件中所做的，以两行方式显示消息。
if message
.alert.alert-danger(rol
浏览 5提问于2022-09-05得票数 2
回答已采纳
我正在编写一个简单的web应用程序，这将最初显示一个公交车路线号码和名称的列表时，在页面上着陆。我正在对Express和Pug使用MySQL。以下是服务器端代码以及来自console.log的前几个结果
const express = require('express');
const pug = require('pug');
const bodyParser = require('body-parser');
const path = require('path');
const mysql = require('my
浏览 0提问于2017-08-26得票数 0
1回答
我正在使用pug 2。
我已经创建了一个template.pug，在该模板中，它被分解为sub-a.pug和sub-b.pug。当它们在sub-a.pug上时，变量被定义为- var alignment_text = "center";。在sub-b.pug中，变量被定义为- var alignment_test = "center";
在sub-a.pug或sub-b.pug上，都有一个content.pug文件。在这个文件中，我尝试使用它，如下所示：
<div align="#{alignment_text}"></div&
浏览 4提问于2019-11-19得票数 0
回答已采纳
2回答
图片:- root_folder\views\img\home_bg.jpg pug文件：- root_folder\views\index.pug css文件：- root_folder\views\assets\css\style.css file directory 我试图创建简单的网站使用NodeJS，我没有pug编码的知识，但我使用html的pug转换器来创建一个pug文件。 下面是带有img标记和路径的“content”容器的html代码 <div class="content">
<img src="/vie
浏览 14提问于2021-01-24得票数 0
使用WebStorm的‘feature’特性和pug，我创建了一个pug模板，当pug模板被修改时，这个模板会自动构建到HTML文件中。出于外部原因，我需要将CSS嵌入到我的HTML文件中，这样我就可以在第三方电子商务平台中使用它。下面是我目前试图在PUG模板中嵌入CSS的尝试，因为pug不支持“require”，因此无法工作：
template.pug
- var jstscss = require('jstransformer')(require('jstransformer-scss'))
- var scss = `
@import "
浏览 1提问于2018-09-20得票数 4
我有三个帕格文件: a.pug、b.pug和c.pug：
a.pug：
block header
style
.
body {...}
if (option.a == 'yes')
include a.css
if (option.b == 'yes')
include b.css
#main-a
p This is page A ....
b.pug：
block header
style
.
body {...}
if (option.a ==
浏览 1提问于2022-07-21得票数 0
回答已采纳
1回答
我有两个不同的模块，像学生和教职员工。
对于学生，应将文件创建到带有静态路径/students‘- publicPath: "/students/"的dist文件夹中。
对于人员，应将文件创建到没有静态路径(根文件夹)的dist文件夹中。
我设置了publicPath: "/students/"，但是staff文件静态路径也包含在学生中。
我添加了下面的配置
const HtmlWebpackPlugin = require('html-webpack-plugin');
const path = require('pat
浏览 2提问于2021-11-24得票数 0
我使用require的SVGs不显示。
在我的终端中，svg资产被发出，路径在我的html中被正确设置。
<img src="/images/brand-illustration.f20767e375d3094978f5cc5c9726d0a6.svg">
但是，SVG不会显示其他格式，比如jpg或png。我试着打开原始的svg文件，它确实有效。当我检查发出的svg资产并在浏览器中加载它时，比如：localhost:8080/images/brand-illustration.f20767e375d3094978f5cc5c9726d0a6.svg，我得到了这个pa
浏览 1提问于2020-12-14得票数 3
我使用pug输出html，这是我以后用html-pdf生成的pdf。
我的控制器：
// read file
var source = fs.readFileSync(path.resolve(__dirname, 'templates/pdf.pug'), 'utf-8');
// compile pug template and output html
var template = pug.compile(source);
var html = template(data)
我的模板
doctype html
html
浏览 5提问于2017-02-26得票数 1
回答已采纳
我正在重建我自己的网站，我想在页面之间添加一些转换。
在本例中，我的src文件夹中有两个src文件:在index.pug中，我有一行代码( a(href='./about') Go to about )，它应该链接到about网页。相反，我得到了这个错误cannot get /。
如果我将其改为( a(href='./about.html Go to about )并在生产中运行，一切都将顺利进行。
我的文件夹结构是：
dist/
+-- index.html
+-- about.html
+-- main.css
+-- main.bundle.js
浏览 7提问于2022-02-03得票数 1
回答已采纳
2回答
我的同事有这个精确的代码，并且能够毫无问题地运行gulp，但是我似乎无法编译css文件。Gulp不生成css目标文件或文件本身。Gulp使build和js文件夹没有任何问题，它只存在css的问题。每个包都是最新的版本。
这让我相信这可能是一个环境问题。即使在重新安装节点之后，问题仍然存在。
节点版本：v4.4.4
npm版本：2.15.1
路径：/Users/[me]/perl5/perlbrew/bin:/Users/[me]/perl5/perlbrew/perls/perl-5.16.0/bin:/usr/local/bin:/usr/bin:/bin:/usr/sbin:/sbin
这
浏览 4提问于2016-05-20得票数 0
回答已采纳
1回答
CSS样式未应用于视图
、、、
我正在用node.js和express创建一个应用程序。我使用pug作为我的模板引擎。样式表中的样式未应用于视图。
在我的header.pug文件中
link(rel='stylesheets/style.css', type='text/css', href='/stylesheets/style.css')
样式表位于public/ style sheet中。我还在我的app.js文件中包含了以下代码。
// serve static files from /public
app.use(express.static(__dirname +
浏览 2提问于2019-07-27得票数 0
1回答
我有一个文件includes/mixins.pug，它有一些混合文件。我还有一个主布局文件layouts/default.pug，我是extend-ing。我如何在布局文件中包括那些混音，这样我就不必在每一页上写include includes/mixins了？
例如，这是我必须做的每一个额外的帕格文件。在本例中：new_page.pug
extends layouts/default
include includes/mixins
block content
+my_mixin('Hello World')
layouts/default.pug
doctype htm
浏览 0提问于2018-05-18得票数 7
回答已采纳
你能帮我在laravel-mix-pug后的一行代码中实现html的缩写吗？
我的代码现在不工作了，我不知道是什么原因：
let mix = require('laravel-mix');
mix.pug = require('laravel-mix-pug');
let pretty = true;
if (mix.inProduction()) pretty = false;
mix.js(['src/js/main.js', 'src/js/plugins.js'], 'dist/js/scripts.js
浏览 5提问于2020-03-03得票数 1
我坚持使用webpack构建node js项目，而我使用的是pug引擎作为前端。
我的项目结构：
bin
controller
- csv.controller.js
public
- stylesheets
- javascript
- images
routes
- csv.route.js
- index.route.js
views
- layouts
-- layout.pug
-index.pug
app.js
Package.json文件
{
"name": "csv",
"version&#
浏览 13提问于2019-09-25得票数 1
示例Vue代码(在开发中工作)：
<template lang="pug">
.wrapper
</template>
<style lang="stylus" scoped>
.wrapper
min-height: 100vh
display: flex
justify-content: center
align-items: center
flex-wrap: wrap
text-align: center
</style>
在开发中，这与预期完全相同
浏览 1提问于2016-11-18得票数 1
回答已采纳
我正在学习CSS课程，已经厌倦了手工输入类似的HTML结构，所以我连接了pug模板和webpack-dev服务器来服务它。
注意：我的入口点是.scss文件，而不是.js
我有两个问题：
( a)只有来自css的资产被加载到构建文件夹中，但是.pug模板中的.pug属性中引用的图像和svg被忽略了。
( b)浏览器重新加载在webpack-dev-server中不起作用
我的webpack.config.js
const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plu
浏览 1提问于2019-04-26得票数 1
我在visual代码上安装了。我编写了一个名为"test.pug“的示例文件，我找不到任何方法将其转换为Html代码。当我在任务选择器中写pug时，什么都不会发生。我在Windows和Linux上都进行了测试。
我想我必须配置一些东西，但是对我来说帮助不够清楚。如果有人能帮我设置这个分机，我会非常感激的。
谢谢
浏览 3提问于2019-10-04得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
