scully-minify-html
!! PLUGIN RENAMED
scully-plugin-minify-html
, find the new version here:
https://www.npmjs.com/package/scully-plugin-minify-html
This plugin has been renamed and republished to This postRenderer
plugin for Scully will minify the HTML of your prerendered pages.
Removing unnecessary code will decrease the size of your files.
This will speed up your loading times and mobile scores even more!
Installation
To install this library with npm
run
$ npm install scully-minify-html --save-dev
or with yarn
$ yarn add scully-minify-html
Usage
Import and add the plugin to the defaultPostRenderers
to execute it on all rendered pages
or use the postRenderers
on a route configuration to execute it for a specific route:
const RouteTypes = ;const MinifyHtml = ; const postRenderers = MinifyHtml; exportsconfig = projectRoot: './src/app' defaultPostRenderers: postRenderers // for all routes routes: '/blog/:slug': type: RouteTypescontentFolder slug: folder: "./blog" postRenderers: postRenderers // per route config ;
Now build your app and then just run the Scully command.
npm run build --prodnpm run scully
html-minifier
options
Configuring the The MinifyHtml
plugin uses html-minifier under the hood, so we can configure the minify options that are being used.
The available options can be found in the interface Options
The default configuration is currently set at:
; ;
Configuring the options can be done on the Scully config root level, for the defaultPostRenderers
or at route config level for the postRenderers
.
If you don't provide options at the route level, the configuration from the root level will be used.
const RouteTypes = ;const MinifyHtml = ; const postRenderers = MinifyHtml; const minifyHtmlOptions = removeComments: false; exportsconfig = projectRoot: './src/app' defaultPostRenderers: postRenderers minifyHtmlOptions // for all routes routes: '/blog/:slug': type: RouteTypescontentFolder slug: folder: "./blog" postRenderers: postRenderers minifyHtmlOptions // per route config ;
More information
I've written a blogpost about custom plugins for Scully. Check it out to learn more on how to build your own custom plugins.
More info on getting started with Scully can be found on their homepage.