filtersįilters let to use other languages in Pug templates. globalsĪdd a list of global names to make accessible in templates. myVariable, you must write self.myVariable. It will speed up the compilation, but for access to variable, e.g. Use the self as namespace for the local variables in template. The root directory of all absolute inclusion. See original description of options basedir Install the pug-plugin if you want extract HTML from pug defined in webpack entry.Ĭonst tmpl = require ( 'template.pug' ) const html = tmpl ( ) To extract HTML from a pug template and save it to a file, use the pug-plugin many time faster than original pugjs/pug-loader.supports for features and options of original pugjs/pug-loader.watching of changes in all dependencies.ignore the prefixes ~ for webpack resolve.alias.resolves required JavaScript modules or JSON in pug.resolves required images in the attribute srcset of img tag.resolves paths from tsconfig.json using tsconfig-paths-webpack-plugin.resolves aliases from webpack resolve.alias and ugins.generates template function with CommonJS or ESM syntax.compiling pug into template function for usage in JavaScript.rendereing pug into pure HTML string to save it as static HTML file.Working with Pug < v3.0.2 is not guaranteed. ⚠️ By usage Pug v2.x is required extra install the pug-walk package. ⚠️ Does not support deprecated modules such as file-loader url-loader raw-loader. Asset Modules for Webpack 5: asset/resource asset/inline asset/source asset.⚠️ Working with Webpack 4 is not guaranteed. Now is possible define pug files directly in webpack entry. This plugin extracts HTML from the pug files defined in the webpack entry and save them in the output directory. NEW: The pug-loader is now the part of the pug-plugin. The pug loader can resolve paths and webpack aliases for extends include require(). This pug-loader render pug templates into HTML to save it in a file or compile pug to template function for usage the pug directly in JavaScript.

Pug template angular