Critical CSS Plugin for Vue CLI 3

Adds html-critical-webpack-plugin to a Vue CLI project, which extracts critical CSS and inlines it into the document head.

Any options which can be passed to HtmlCriticalPlugin can be passed to vue.config.js under the property pluginOptions.critical e.g.

module.exports = {
    pluginOptions: {
        critical: {
            width: 375,
            height: 565    
        }
    }
}

npm i -D vue-cli-plugin-critical
npm run build ## Only runs in production mode

Package Rankings

Top 18.13% on Npmjs.org

Demo of HTML Critical Webpack Plugin

Browserify plugin to extract CSS from single-file Vue components into a separate file

An ever-evolving, very opinionated architecture and dev environment for new Vue SPA projects usin...

🚀 qiankun plugin for vue-cli

Above-the-fold CSS generation + inlining using Critical, Gulp & Angular

A Vue.js starter kit that lets you focus on more programming and less configuration.

Rollup plugin for Vue 2.0 components with precompiled templates

Rollup plugin that bundles imported css

Critical-path CSS optimized weather app

🚩 PostCSS plugin to identify annotated blocks of critical CSS and inline them into a page

Critical-Css-Webpack-Plugin ======================= > webpack plugin for critical css, based on [...