Webpack - 在 webpack-dev-server 上鏈接其他 Pug 頁面不起作用
[英]Webpack - linking other Pug pages on webpack-dev-server doesn't work
我正在重建自己的網站，我想在頁面之間添加一些過渡。 在此示例中，我的src文件夾中有兩個pug文件： 在index.pug ，我有一行代碼（ a(href='./about') Go to about ）應該鏈接到about網頁。 相反，我收到此錯誤cannot get / 。 如果我將其更改為（ ...
使用 Webpack 5 將 `html/index.pug` 構建到 `dist/index.html`
[英]Build `html/index.pug` into `dist/index.html` using Webpack 5
我想使用 Webpack 5 將html/index.pug構建到dist/index.html 。 隨着4的WebPack我以前使用的file-loader這一點，但似乎棄用的WebPack 5：在沒有提到它的裝載機頁面。 Webpack 5 解決方案似乎正在使用Asset Modules ： ...
在 PugJS 上添加“數據屬性”的可選鏈接
[英]Optional chaining to add a "data-attribute" on PugJS
我正在尋找一種解決方案，以在 PugJS 上添加“可選鏈接”以設置data-active="true" if i === 0 。 波紋管是我當前的代碼。 這段代碼有效，但這種方法（如下）的問題是我必須在else語句中重復我的代碼，這沒有意義。 我必須在.my__element上添加(i === 0? ...
img(src=require(...)) 生成丑陋的 html
[英]img(src=require(...)) generates ugly html
我已經用下一個內容編寫了 pug 文件： 並嘗試使用下一個 webpack 配置通過 Webpack 將其構建到 html： 結果，它構建成 當我打開包含此內容的 html 頁面時，圖像不會加載。 我應該怎么做才能將img(src=require("../../assets/icons/icon. ...
在循環中使用 pug 和 Vue 讀取數據
[英]Read data using pug and Vue in a loop
在 Vue 模板中，我在 pug 語法中有這個 html<template lang="pug"> div - var cards = [{ title: 'Mountain View' },{ title: 'Mountain View' }] mixin ca ...
為什么 webpack + pug 會生成 Entrypoint undefined = ./index.html 錯誤？
[英]Why does webpack + pug generate an Entrypoint undefined = ./index.html error?
問題的本質是這樣的：有一個基於 webpack 的構建，一切正常，只有一個例外：更改 PUG 文件時。 項目已重建，但內容未在瀏覽器中更新。 構建時會產生錯誤： Entrypoint undefined = ./index.html 項目結構：在此輸入圖片描述 ...
Webpack 4 和 Pug 不顯示圖像
[英]Webpack 4 and Pug not showing images
我的 webpack 和 pug 配置有問題。 圖像未顯示（我收到 404 錯誤） 這是：webpack.common.js 下一個文件 webpack.dev.js： 最后是哈巴狗索引頁面：我嘗試了多個 url，但都不起作用。 ...
select html 某個頁面會用到什么？
[英]How to select what bundles a certain html page will use?
該項目我有一個項目，其中網站視圖是使用 Pug 編寫的，然后編譯為 HTML。 index.pug ---> index.html 因為我希望項目不止一頁，所以我也有這個： 關於.pug ---> 關於.html 現在，這些頁面中的每一個都有條目，在webpack.config.js ...
我如何在 Gulp 中設置 Pug 的主目錄
[英]How i can setting the home directory for Pug in Gulp
我正在嘗試使用以下代碼將 Pug 的主目錄設置為 Galp： function renderPug() { return src('app/pug/pages/**/*.pug') .pipe(pug({ pretty: true, basedir: __dirn ...
如何在 pug 模板中使用 JSON 變量
[英]How use JSON variable inside of pug template
我希望能夠創建許多具有不同數據的相同塊。 例如具有不同名稱和值的項目列表。 所以我有一個像這樣的 pug 文件： 我的 JSON 文件 data.json 是這樣的： 我也想加載不同的 json 數據並將它與我的項目混合使用它來構建不同的塊 但是 gulp 沒有編譯這段代碼並在我的 pug ...
插入帶有由 webpack 生成的 [contenthash] 的圖像
[英]Insert images with [contenthash] generated by webpack
我想將內容 hash 添加到我的 webpack 配置中生成的圖像中。 這些文件是 output 和 hash 但我不確定如何將這些插入到我的 html 中。 Html 是用 pug 和 HtmlWebpackPlugin 生成的。 webpack.config.js 的相關位： 哈巴狗中的圖像 ...
Webpack Pug/HTML 加載程序在生產模式下將大寫字母轉換為小寫
[英]Webpack Pug/HTML loaders converts capital letters to lowercase on production mode
我同時使用 vue 單文件組件並將標記和邏輯分別分離到.pug和.ts文件。 如果您對我不統一的原因感興趣，請參閱評論部分。 問題 在開發構建模式中導出的模板是正確的（為了便於閱讀，我對其進行了美化）：<CompoundControlBase :required="required" ...
如何使用 Grunt 作為任務運行器在 pug 模板中導入包含數據 object 的 JSON 文件？
[英]How import a JSON file with a data object inside in pug template using Grunt as task runner?
我有一個 JSON 文件和一個 object （字體字符的名稱/代碼），我希望將它導入到 Pug 文件中，我使用 Grunt 作為任務運行器。 我希望在列表中顯示每個字符，例如： ...
webpack 設置相對於需要發生的文件的輸出路徑
[英]webpack set the outputPath relative to the file where require occurs
有沒有辦法提示 webpack 生成 output 文件，該文件相對於根據需要出現的文件？ 假設我有以下配置： 在此配置中，HtmlWebpackPlugin 生成了兩個 html 頁面：一個是“dist/index.html”（“dist/”是我的 output 文件夾），另一個是“dist/ex ...
NestJs 微服務 - 我從哪個位置讀取文件？
[英]NestJs Microservice - Which location do I read files from?
想知道是否有人可以提供幫助？ 我正在嘗試學習如何使用 NestJS微服務。 我已經成功地獲得了一個帶有 MQTT 傳輸設置的微服務，以從 API 接收事件。 我正在嘗試使用pug將事件信息與 html 模板文件合並。 但是 pug 找不到模板文件... 我使用了一個記錄器來顯示__dirname ...
使用 Laravel Mix 編譯 Pug 后縮小 HTML
[英]Minify HTML after Pug compilation with Laravel Mix
你能幫我在 laravel-mix-pug 之后的一行中使用 html 縮小代碼嗎？ 我的代碼現在不起作用，我不知道是什么原因： ...
設置 pug includes 不編譯
[英]Set pug includes to not compile
我正在運行 pug CLI 哈巴狗 src --out web --watch 如果我有 在 index.pug 中： include includes/scripts.pug 使用此設置，如果我修改 scripts.pug，它會生成我不需要和不想要的 web/includes/scripts.ht ...
webpack 4 pug loader 圖像 url 不正確
[英]webpack 4 pug loader image url not correct
根據pug loader的文檔 嵌入式資源 嘗試對所有嵌入的資源使用 require，用 webpack 處理它們。 它看起來和我一起工作終端發出了我的圖像並且沒有錯誤 但是url路徑不正確 編碼： 生成這個奇怪的 url 對象： ...
外部 Pug 模板 - 模板語法錯誤 組件模板需要根元素，而不僅僅是文本
[英]External Pug Templates - Template syntax error Component template requires a root element, rather than just text
我一直在努力讓 Pug 模板與基於 Vue class 的組件一起使用，並將 pug 模板作為單獨的文件。 根據添加這應該只是工作的文檔： 但事實並非如此。 我得到錯誤 這是我的組件“HelloWorld.ts”： 無論我嘗試與加載程序配置進行何種組合，都無法使其工作。 我還嘗試將加載器移動到 vu ...