Skip to content

Commit

Permalink
jQuery: rewrite Create a Custom Bundle (DevExpress#6834)
Browse files Browse the repository at this point in the history
  • Loading branch information
vladaskorohodova committed Dec 2, 2024
1 parent 5b49a59 commit d213c54
Showing 1 changed file with 7 additions and 7 deletions.
Original file line number Diff line number Diff line change
@@ -1,27 +1,27 @@
To create a custom bundle using the DevExtreme Bundler tool, you need <a href="https://webpack.js.org/" target="_blank">Webpack</a>, <a href="https://webpack.js.org/plugins/terser-webpack-plugin/" target="_blank">TerserWebpackPlugin</a>, and the DevExtreme package installed globally.
To build a custom bundle with the DevExtreme Bundler tool, you need <a href="https://webpack.js.org/" target="_blank">Webpack</a>, <a href="https://webpack.js.org/plugins/terser-webpack-plugin/" target="_blank">TerserWebpackPlugin</a>, 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.
Create the DevExtreme configuration file in your project directory:

devextreme-bundler-init <bundle_name>

Here, *<bundle_name>* is a name of the configuration file without an extension. By default, it is **dx.custom**.
*<bundle_name>* is a name of the configuration file (without an extension). If none is specified, **dx.custom** is set.

After the file was created, you can edit it and leave only modules and exports you need.
After the file is created, you can edit it to include only the required modules and exports.

The following command produces a minified bundle.
Run the following command to generate a minified bundle:

devextreme-bundler <bundle_name|file_name>

Then, link the bundle script file to your HTML page.
Link the bundle script file to your HTML page:

<!--HTML-->
<script type="text/javascript" src="dx.custom.js" charset="utf-8"></script>

Link themes to your application.
Incorporate themes into your application:

<!--HTML-->
<!--Link Themes-->
Expand Down

0 comments on commit d213c54

Please sign in to comment.