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!
To install this library with
$ npm install scully-plugin-disable-angular --save-dev
$ yarn add scully-plugin-disable-angular
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 DisableAngular = ;const postRenderers = DisableAngular;exportsconfig =projectRoot: './src/app'defaultPostRenderers: postRenderers // for all routesroutes:'/blog/:slug':type: RouteTypescontentFolderslug: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-jsonnpm run scully
I've written a blogpost about custom plugins for Scully. Check it out to learn more on how to build your own custom plugins.