scully-disable-angular v2.2.1

scully-disable-angular

!! PLUGIN RENAMED

This plugin has been renamed and republished to scully-plugin-disable-angular, find the new version here:

https://www.npmjs.com/package/scully-plugin-disable-angular

This postRenderer plugin for Scully removes the static assets that bootstrap the Angular application.

If you are only using Angular to build a static / informational website with little extra functionality it could be overkill to still use Angular on the frontend.

Disabling Angular on the frontend will speed up your loading times and mobile scores even more!

Installation

To install this library with npm run

$ npm install scully-disable-angular --save-dev

or with yarn

$ yarn add scully-disable-angular

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} = require('@scullyio/scully');
const {DisableAngular} = require('scully-disable-angular');

const postRenderers = [DisableAngular];

exports.config = {
  projectRoot: './src/app',
  defaultPostRenderers: postRenderers,  // for all routes
  routes: {
    '/blog/:slug': {
      type: RouteTypes.contentFolder,
      slug: {
        folder: "./blog"
      },
      postRenderers: postRenderers      // per route config
    },
  }
};

Now build your app with the --stats-json flag enabled as the plugin needs to know which assets have been build for your app. Then just run the Scully command.

npm run build -- --prod --stats-json
npm run scully

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.