Stack Overflow
Stack Overflow

Questions tagged [pug-loader]

pug-loader is a webpack module used to compile Pug or Jade into HTML.

pug-loader is a webpack module used to compile Pug or Jade into HTML. This enables developers to use the simpler and less verbose Pug/Jade syntax to define their web pages, but still have the benefits of webpack dynamic packaging.

91 questions
1
vote
0 answers

Pug locals compilation with webpack

I have a problem with Pug and Webpack 2. I need to compile and include another file passed by function. //- index.jade //- I'm using bemto mixin foo() //- simplified example - var blockName = 'some-block' +b.some-block !=…
Spark89
  • 11
  • 3
1
vote
1 answer

Using Pug with Visual Studio 2015 and Webpack

I am relatively new to using Visual Studio but the project I am working on is a website with multiple pages in .cshtml files. I have set up Webpack as the front end build tool and want to start using Pug as the templating engine. It makes more sense…
Dan
  • 1,536
  • 4
  • 17
  • 31
1
vote
0 answers

setup pug and eslint for webpack

I try to manage all needable packages over webpack and its going well with sass (after learning from the Internet how to do). But I cant figure it out why it doesnt work for pug and eslint. eslint has the error that no .eslintrc file is found and…
phng
  • 344
  • 3
  • 12
0
votes
1 answer

WEBPACK Error: Child compilation failed: Module build failed (from ./node_modules/pug-loader/index.js):

ERROR in Error: Child compilation failed: Module build failed (from ./node_modules/pug-loader/index.js): TypeError: options must be an object at Function.validateOptions…
ToyTrexx
  • 1
0
votes
0 answers

Webpack - vue, babel, stylus, pug config issues

My project has the following structure: two types of components, vue and folder with pug/js/styl; index.pug is the main file that is to be index.html and index.pug extends layout and includes other pug, like head.pug that has the main.js script with…
CodeGust
  • 831
  • 3
  • 15
  • 36
0
votes
0 answers

How to Enter Text and Db value in a ternary operator in certificate.pug file

I need Text and value in same line in certificate.pug file as a ternary operator I tried td.border-top-1.border-bottom-0(class="wrapword" colspan='15') b i= (10 == '10' ? +'Text Welds'+ thicknessRQValueMin - buttThicknessRQValueMax; +'Fillet Welds'+…
Rohit tdr
  • 31
  • 5
0
votes
0 answers

Cypress can't find Pug module even though Vue finds it just fine

I searched through all the web and seems like no one ever had a problem with Pug while testing with Cypress. Anyone? I'm using Pug with Vue 3. The following error originated from your test code, not from Cypress. > Module build failed (from…
jean d'arme
  • 4,033
  • 6
  • 35
  • 70
0
votes
0 answers

Can't extract html, css, js and images from pug file [webpack]

I'm using pug v2.0.4, webpack v5.75.0 and node v14.15.4 for dev reasons. This is the interested code: --- title: "Core - Dashboard Builder" classSidebarHome: active pageTitle: "Dashboard" classHeader: unauthorized --- extends layouts/layout block…
Salvatore Riccardi
  • 45
  • 1
  • 1
  • 7
0
votes
1 answer

Is there a way to define text within a div as plain text in pug?

I'm not that experienced in using pug and I'm trying to find a way to ignore specific parts of my text as it is presenting errors when compiling. Below is an example of what I am trying to ignore. +CodeBreak >> stuff.clean! …
cope
  • 11
  • 6
0
votes
0 answers

How to set Pug basedir in Quasar 2 vite app

I am migrating a Quasar 1 (webpack) project to Quasar 2 (vite). The project heavily relies on pug templates using the extends functionality. In order to use relative paths in the extends I need to set a basedir for the pug-loader. I installed the…
Kirk Olson
  • 554
  • 8
  • 16
0
votes
1 answer

Webpack - linking other Pug pages on webpack-dev-server doesn't work

I'm rebuilding my own website and I want to add some transitions between pages. In this example I have two pug files in my src folder: In index.pug I have a line of code ( a(href='./about') Go to about ) which should link to the about…
Marius Gardelli
  • 77
  • 7
0
votes
1 answer

img(src=require(...)) generates ugly html

I have written pug-file with the next content: img(src=require("../../assets/icons/icon.png")) And try to build it to html by Webpack by using the next webpack config: module: { rules: [ { test: /\.pug$/i, use: { …
Elena Larina
  • 149
  • 16
0
votes
0 answers

NPM PUG Error Generating HTML Files - "This is related to npm not being able to find a file"

I purchased an HTML5 template and the files need to be compiled with NodeJS. I have no experience with NodeJS and I'm running into errors. I'll provide everything I think is relevant but please let me know what other information might be…
RidicCoder
  • 88
  • 8
0
votes
1 answer

Read data using pug and Vue in a loop

In Vue template, I have this html in pug syntax