DevExtreme with Vite - How to create a bundle with DevExtreme Vue components

In this example, you can see how to create a Vite custom bundle for DevExtreme Vue components.

Getting started

1. Clone the repository.

git clone https://github.com/DevExpress-Examples/devextreme-vite-vue-bundling.git

2. Go to the project folder.

cd devextreme-vite-vue-bundling

3. Install the required modules.

npm install

4. Bundle the modules. The bundle is located in the devextreme-bundle folder.

npm run build:devextreme-bundle

5. Start Vue app to test the bundle.

npm run dev

or

npm run build
npm run preview

You can also modify the main.js file to include only modules necessary for your bundle components.

Documentation

• Add DevExtreme to a Vue Application

• Create a Custom Bundle

More Examples

• DataGrid for DevExtreme - How to use DataGrid in an MVC 5 App
• DataGrid for DevExtreme - How to use DataGrid with a WebAPI
• PivotGrid for DevExtreme - How to use PivotGrid with a WebAPI
• DevExtreme with Webpack
• DevExtreme with JSPM
• DevExtreme with RequireJS

Does this example address your development requirements/objectives?

(you will be redirected to DevExpress.com to submit your response)