Using the bundling and minification system
ABP offers an end-to-end solution for installing client-side packages, adding script/style files to the pages, and bundling and minifying these files in development and production environments.
Let's start by installing a client-side package for the application.
Installing NPM packages
NPM is the de facto package manager for JavaScript/CSS libraries. When you create a new solution with the MVC/Razor Pages UI, you will see a package.json file in the web project's root folder. The initial content of the package.json file will look something like this:
{
...
"dependencies": {
"@abp/aspnetcore.mvc.ui.theme.basic": "^5.0.0"
}
}
Initially, we have a single NPM package dependency called @abp/aspnetcore.mvc.ui.theme.basic. This package has dependencies on all the base CSS/JavaScript libraries that are necessary for the Basic theme. If...