Search Results for "webpack"

Critical extracts & inlines critical-path (above-the-fold) CSS from HTML. Generate and inline critical-path CSS. Generate critical-path CSS. Generate and minify critical-path CSS. Generate, minify and inline critical-path CSS. Generate and return output via callback. Generate and return output via promise. When your site is adaptive and you want to deliver critical CSS for multiple screen resolutions this is a useful option. note, (your final output will be minified as to eliminate duplicate...

Single File Component Loader for Vue2 and Vue3. Load .vue files directly from your HTML. No node.js environment, no build step. No node.js environment, no (webpack) build step needed. Supports Vue 3 and Vue 2. Supports IE11, only requires Vue runtime-only build. esm and umd bundles are available. Embedded ES6 modules support. JSX support. Custom CSS, HTML and Script language Support, see pug and stylus examples. SFC Custom Blocks support. Properly reports template, style or script errors through the log callback. ...

Flexible, framework-agnostic static site generation for sites and SPAs built with webpack. This is the stable 3.x version of prerender-spa-plugin based on puppeteer. If you're looking for the (now-deprecated) 2.x version, based on PhantomJS, take a look at the v2 branch. The goal of this plugin is to provide a simple prerendering solution that is easily extensible and usable for any site or single-page-app built with webpack.

Parse HTML into JSON. Himalaya bundles well with Browersify and Webpack. Himalaya transforms HTML into JSON, that's it. Himalaya is synchronous and does not require any complicated callbacks. Himalaya does not cut corners and returns an accurate representation of the HTML supplied. To remove whitespace, post-process the JSON; check out an example script. Himalaya can include the start and end positions of nodes in the parse output.

...The CLI currently does not support file patterns. Remove unused CSS code from your stylesheet. PurifyCSS is meant to be installed via npm and built into your build process using tools like Grunt, Gulp or Webpack. However if you're using a different development stack or building your sites with a CMS like Wordpress, you can use the online tool to clean up your stylesheet. Especially if you are using CSS frameworks like Bootstrap or a multi-purpose Wordpress theme, chances are you are actually using less than 20% of the defined CSS rules.

...SASS files are provided in the 'sass' directory (see project on GitHub) for further customization. FLA is built with Gulp but you can download and include 'sass' folder in your preferable build setup (grunt, webpack, etc.) FLA is defined with two custom HTML attributes. Layout, use it on the container (parent) element to set layout of its children elements. And self, use it on container/child element to set size or align for the element itself.