DevExtreme Angular - Create a Custom Bundle
To create a custom bundle using the DevExtreme Bundler tool, you need Webpack, TerserWebpackPlugin, and the DevExtreme package installed globally.
npm install -g webpack npm install -g terser-webpack-plugin npm install -g devextreme
Create the DevExtreme configuration file in your project folder.
devextreme-bundler-init <bundle_name>
Here,
After the file was created, you can edit it and leave only modules and exports you need.
The following command produces a minified bundle.
devextreme-bundler <bundle_name|file_name>
Then, link the bundle script file to your HTML page.
<script type="text/javascript" src="dx.custom.js" charset="utf-8"></script>
Link themes to your application.
<!--Link Themes--> <link rel="stylesheet" href="https://cdn3.devexpress.com/jslib/minor_23_1/css/dx.light.css">
If you have technical questions, please create a support ticket in the DevExpress Support Center.