svg-sprite-loader
pug-loader
Our great sponsors
| svg-sprite-loader | pug-loader | |
|---|---|---|
| 1 | 2 | |
| 2,009 | 64 | |
| 0.2% | - | |
| 2.7 | 5.2 | |
| 7 months ago | about 1 month ago | |
| JavaScript | JavaScript | |
| MIT License | ISC License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
svg-sprite-loader
-
SVG Icon System for vue cli 3
/* vue.config.js */ module.exports = { pluginOptions: { svgSprite: { /* * The directory containing your SVG files. */ dir: 'src/assets/icons', /* * The reqex that will be used for the Webpack rule. */ test: /\.(svg)(\?.*)?$/, /* * @see https://github.com/kisenka/svg-sprite-loader#configuration */ loaderOptions: { extract: true, spriteFilename: 'img/icons.svg' // or 'img/icons.svg' if filenameHashing == false }, /* * @see https://github.com/kisenka/svg-sprite-loader#configuration */ pluginOptions: { plainSprite: true } } }, chainWebpack: config => { config.module .rule('svg-sprite') .use('svgo-loader') .loader('svgo-loader') } }
pug-loader
-
Pug templates
Ive tried this: https://github.com/webdiscus/pug-loader but it doesn´t render the variables, i dont know why. Can´t seem to find any solid example of pug being used in angular, and certainly no example of something like what i have to do being done.
- Pug loader for webpack to render pug templates into static HTML or template function
What are some alternatives?
svgr - Transform SVGs into React components 🦁
pug-plugin - Uses Pug template as entry point. Resolves source files of scripts, styles, images in Pug. Renders Pug to HTML.
sass-loader - Compiles Sass to CSS
vue-cli-plugin-svg-sprite - vue-cli 3 plugin to build an SVG sprite
css-modules-typescript-loader - Webpack loader to create TypeScript declarations for CSS Modules
extract-loader - webpack loader to extract HTML and CSS from the bundle
html-bundler-webpack-plugin - This plugin allows to use an HTML template as a starting point for all dependencies used in your web application. All source styles, scripts specified in HTML are processed, and the extracted JS, CSS are saved to the output directory. The plugin automatically substitutes output filenames into the generated HTML file.
svg-spritemap-webpack-plugin - SVG spritemap plugin for webpack
webpack-tailwind-pug - How to use Tailwind CSS with Pug
dotenv-webpack - A secure webpack plugin that supports dotenv and other environment variables and only exposes what you choose and use.
html-loader - HTML Loader