Deployment

19 Aug 20251 minute to read

This guide explains how to deploy Syncfusion Angular UI Components in your applications using different methods such as CDN and npm packages.

CDN

The CDN links are provided individually for all the scripts and style sheets of Syncfusion® Angular UI Components.

The CDN links are provided to following files in the package

  1. UMD Files - Universal Module Definition files for different modules.
  2. CSS Files - Theme-specific CSS stylesheets for a consistent appearance.

The latest minified versions of all UMD and CSS files are available in CDN:

  • https://cdn.syncfusion.com/ej2/RELEASEVERSION/PACKAGENAME/dist/PACKAGENAME.umd.min.js
  • https://cdn.syncfusion.com/ej2/RELEASEVERSION/PACKAGENAME/styles/THEMENAME.css

For example:

Packages

Syncfusion® Angular UI Components are available as npm packages, which are published in the public npm registry. Using npm packages is recommended for most Angular applications as it integrates well with the Angular CLI and build systems.

Anatomy of NPM packages

Syncfusion® Angular UI Components are shipped as npm packages with the following structure:

Files Purpose
dist/<packagename>.umd.min.js dist/<packagename>.umd.js For applications using AMD or Common JS based module loader can be utilize these files.
src/ This folder contains the script files in ES6 format. It can be utilize Bundling.
styles/<theme_name>.css styles/<theme_name>.scss This folder contains the CSS and SCSS files of the package.