From 6c7fc467cd1118f533ae872fc23fb86c5b0a44e1 Mon Sep 17 00:00:00 2001
From: Maksim Zakharov <251575087+bit-byte0@users.noreply.github.com>
Date: Wed, 5 Aug 2026 17:34:51 +0400
Subject: [PATCH 01/16] T1333073 - DataGrid - Bound pageIndex does not update
 after internal page reset (#34629)

---
 .../m_data_controller.integration.test.ts     | 88 +++++++++++++++++++
 .../data_controller/data_controller.ts        | 84 +++++++++---------
 2 files changed, 132 insertions(+), 40 deletions(-)
 create mode 100644 packages/devextreme/js/__internal/grids/grid_core/data_controller/__tests__/m_data_controller.integration.test.ts

diff --git a/packages/devextreme/js/__internal/grids/grid_core/data_controller/__tests__/m_data_controller.integration.test.ts b/packages/devextreme/js/__internal/grids/grid_core/data_controller/__tests__/m_data_controller.integration.test.ts
new file mode 100644
index 000000000000..cc7a35aa02c1
--- /dev/null
+++ b/packages/devextreme/js/__internal/grids/grid_core/data_controller/__tests__/m_data_controller.integration.test.ts
@@ -0,0 +1,88 @@
+import {
+  afterEach, beforeEach, describe, expect, it, jest,
+} from '@jest/globals';
+
+import {
+  afterTest, beforeTest, createDataGrid, flushAsync,
+} from '../../__tests__/__mock__/helpers/utils';
+
+const employees = [
+  { id: 1, name: 'Alice Johnson', department: 'Engineering' },
+  { id: 2, name: 'Bob Smith', department: 'Engineering' },
+  { id: 3, name: 'Carol White', department: 'Engineering' },
+  { id: 4, name: 'Dan Brown', department: 'Sales' },
+  { id: 5, name: 'Eve Davis', department: 'Sales' },
+  { id: 6, name: 'Frank Miller', department: 'Sales' },
+  { id: 7, name: 'Grace Wilson', department: 'HR' },
+  { id: 8, name: 'Hank Moore', department: 'HR' },
+  { id: 9, name: 'Ivy Taylor', department: 'Finance' },
+  { id: 10, name: 'Jack Anderson', department: 'Finance' },
+];
+
+describe('DataController paging.pageIndex option sync', () => {
+  beforeEach(beforeTest);
+  afterEach(afterTest);
+
+  it('should reset bound paging.pageIndex to 0 when a filter shrinks the page count (T1333073)', async () => {
+    const onOptionChanged = jest.fn();
+    const { instance } = await createDataGrid({
+      dataSource: employees,
+      keyExpr: 'id',
+      paging: { pageIndex: 2, pageSize: 3 },
+      onOptionChanged,
+    });
+
+    expect(instance.option('paging.pageIndex')).toBe(2);
+    onOptionChanged.mockClear();
+
+    instance.filter(['department', '=', 'Engineering']);
+    await flushAsync();
+
+    expect(instance.option('paging.pageIndex')).toBe(0);
+    const pageIndexCall = onOptionChanged.mock.calls
+      .find((call) => (call[0] as { fullName: string }).fullName === 'paging.pageIndex');
+    expect(pageIndexCall?.[0]).toMatchObject({ fullName: 'paging.pageIndex', value: 0 });
+  });
+
+  it('should reset bound paging.pageIndex to 0 when the search panel shrinks the page count (T1333073)', async () => {
+    const onOptionChanged = jest.fn();
+    const { instance } = await createDataGrid({
+      dataSource: employees,
+      keyExpr: 'id',
+      paging: { pageIndex: 2, pageSize: 3 },
+      searchPanel: { visible: true },
+      onOptionChanged,
+    });
+
+    expect(instance.option('paging.pageIndex')).toBe(2);
+    onOptionChanged.mockClear();
+
+    instance.option('searchPanel.text', 'Alice');
+    await flushAsync();
+
+    expect(instance.option('paging.pageIndex')).toBe(0);
+    const pageIndexCall = onOptionChanged.mock.calls
+      .find((call) => (call[0] as { fullName: string }).fullName === 'paging.pageIndex');
+    expect(pageIndexCall?.[0]).toMatchObject({ fullName: 'paging.pageIndex', value: 0 });
+  });
+
+  it('should not fire paging.pageIndex change when filtering while already on the first page (T1333073)', async () => {
+    const onOptionChanged = jest.fn();
+    const { instance } = await createDataGrid({
+      dataSource: employees,
+      keyExpr: 'id',
+      paging: { pageIndex: 0, pageSize: 3 },
+      onOptionChanged,
+    });
+
+    onOptionChanged.mockClear();
+
+    instance.filter(['department', '=', 'Engineering']);
+    await flushAsync();
+
+    expect(instance.option('paging.pageIndex')).toBe(0);
+    const pageIndexCall = onOptionChanged.mock.calls
+      .find((call) => (call[0] as { fullName: string }).fullName === 'paging.pageIndex');
+    expect(pageIndexCall).toBeUndefined();
+  });
+});
diff --git a/packages/devextreme/js/__internal/grids/grid_core/data_controller/data_controller.ts b/packages/devextreme/js/__internal/grids/grid_core/data_controller/data_controller.ts
index 59ad5e97a6e4..cb391a9660d4 100644
--- a/packages/devextreme/js/__internal/grids/grid_core/data_controller/data_controller.ts
+++ b/packages/devextreme/js/__internal/grids/grid_core/data_controller/data_controller.ts
@@ -49,41 +49,6 @@ import gridCoreUtils from '../m_utils';
 import type { VirtualScrollController } from '../virtual_scrolling/m_virtual_scrolling_core';
 import { DataHelperMixin } from './data_helper_mixin';
 
-const changePaging = function (that, optionName, value) {
-  const dataSource = that._dataSource;
-
-  if (dataSource) {
-    if (value !== undefined) {
-      const oldValue = that._getPagingOptionValue(optionName);
-      if (oldValue !== value) {
-        that._skipProcessingPagingChange = true;
-        if (optionName === 'pageSize' && value === 0) {
-          dataSource.pageIndex(0);
-          that.option('paging.pageIndex', 0);
-        }
-        dataSource[optionName](value);
-        that.option(`paging.${optionName}`, value);
-        that._skipProcessingPagingChange = false;
-        const pageIndex = dataSource.pageIndex();
-        that._isPaging = optionName === 'pageIndex';
-        return dataSource[optionName === 'pageIndex' ? 'load' : 'reload']()
-          .done(() => {
-            that._isPaging = false;
-            that.pageChanged.fire(pageIndex);
-          });
-      }
-      return Deferred().resolve().promise();
-    }
-    return dataSource[optionName]();
-  }
-
-  if (optionName === 'pageIndex' && value !== undefined) {
-    return Deferred().resolve().promise();
-  }
-
-  return 0;
-};
-
 export interface HandleDataChangedArguments {
   changeType?: 'refresh' | 'update' | 'loadError';
   isDelayed?: boolean;
@@ -132,7 +97,7 @@ export class DataController extends DataHelperMixin(modules.Controller) {
 
   protected _changes!: any[];
 
-  private readonly _skipProcessingPagingChange: boolean | undefined;
+  private _skipProcessingPagingChange?: boolean;
 
   private _useSortingGroupingFromColumns: boolean | undefined;
 
@@ -1328,6 +1293,9 @@ export class DataController extends DataHelperMixin(modules.Controller) {
 
     if (dataSource) {
       dataSource.pageIndex(0);
+      if (this.option('paging.pageIndex')) {
+        this._silentOption('paging.pageIndex', 0);
+      }
       this._isFilterApplying = true;
 
       return this.reload().done(() => {
@@ -1648,15 +1616,51 @@ export class DataController extends DataHelperMixin(modules.Controller) {
     return result;
   }
 
+  private changePaging(optionName: 'pageIndex' | 'pageSize', value?: number): any {
+    const dataSource = this._dataSource;
+
+    if (!dataSource) {
+      return optionName === 'pageIndex' && value !== undefined
+        ? Deferred().resolve().promise()
+        : 0;
+    }
+
+    if (value === undefined) {
+      return dataSource[optionName]();
+    }
+
+    const oldValue = this._getPagingOptionValue(optionName);
+    if (oldValue === value) {
+      return Deferred().resolve().promise();
+    }
+
+    this._skipProcessingPagingChange = true;
+    if (optionName === 'pageSize' && value === 0) {
+      dataSource.pageIndex(0);
+      this.option('paging.pageIndex', 0);
+    }
+    dataSource[optionName](value);
+    this.option(`paging.${optionName}`, value);
+    this._skipProcessingPagingChange = false;
+
+    const pageIndex = dataSource.pageIndex();
+    this._isPaging = optionName === 'pageIndex';
+    return dataSource[optionName === 'pageIndex' ? 'load' : 'reload']()
+      .done(() => {
+        this._isPaging = false;
+        this.pageChanged.fire(pageIndex);
+      });
+  }
+
   /**
    * @extended: virtual_scrolling
    */
-  public pageIndex(value?) {
-    return changePaging(this, 'pageIndex', value);
+  public pageIndex(value?: number): any {
+    return this.changePaging('pageIndex', value);
   }
 
-  public pageSize(value?) {
-    return changePaging(this, 'pageSize', value);
+  public pageSize(value?: number): any {
+    return this.changePaging('pageSize', value);
   }
 
   public isCustomLoading() {

From 3b35e9f6a05a97149b1fc3e8efc3a3f1ac074d7a Mon Sep 17 00:00:00 2001
From: Eldar Iusupzhanov <84278206+Tucchhaa@users.noreply.github.com>
Date: Wed, 5 Aug 2026 22:01:01 +0800
Subject: [PATCH 02/16] GridCore - DataHelperMixin - fix eslint & typescript
 errors (#34656)

Co-authored-by: Eldar Iusupzhanov <eldar.iusupzhanov@users.noreply.github.com>
---
 .../data_controller/data_controller.ts        |   2 +-
 .../data_controller/data_helper_mixin.ts      | 132 +++++++++---------
 2 files changed, 67 insertions(+), 67 deletions(-)

diff --git a/packages/devextreme/js/__internal/grids/grid_core/data_controller/data_controller.ts b/packages/devextreme/js/__internal/grids/grid_core/data_controller/data_controller.ts
index cb391a9660d4..82909ff8374b 100644
--- a/packages/devextreme/js/__internal/grids/grid_core/data_controller/data_controller.ts
+++ b/packages/devextreme/js/__internal/grids/grid_core/data_controller/data_controller.ts
@@ -218,7 +218,7 @@ export class DataController extends DataHelperMixin(modules.Controller) {
     this.dataErrorOccurred.add((error) => this.executeAction('onDataErrorOccurred', { error }));
 
     this._refreshDataSource();
-    this.postCtor();
+    this.postInit();
   }
 
   /**
diff --git a/packages/devextreme/js/__internal/grids/grid_core/data_controller/data_helper_mixin.ts b/packages/devextreme/js/__internal/grids/grid_core/data_controller/data_helper_mixin.ts
index 550878ac2880..c8fc65d55cb1 100644
--- a/packages/devextreme/js/__internal/grids/grid_core/data_controller/data_helper_mixin.ts
+++ b/packages/devextreme/js/__internal/grids/grid_core/data_controller/data_helper_mixin.ts
@@ -1,13 +1,3 @@
-// TODO: fix the rules disabled below
-/* eslint-disable @stylistic/max-len */
-/* eslint-disable @typescript-eslint/explicit-function-return-type */
-/* eslint-disable @typescript-eslint/explicit-module-boundary-types */
-/* eslint-disable @typescript-eslint/init-declarations */
-/* eslint-disable @typescript-eslint/no-explicit-any */
-/* eslint-disable @typescript-eslint/no-shadow */
-/* eslint-disable @typescript-eslint/no-unsafe-return */
-/* eslint-disable @typescript-eslint/no-unused-expressions */
-/* eslint-disable no-param-reassign */
 import { DataSource } from '@js/common/data/data_source/data_source';
 import { normalizeDataSourceOptions } from '@js/common/data/data_source/utils';
 import { extend } from '@js/core/utils/extend';
@@ -24,25 +14,33 @@ const DATA_SOURCE_FROM_URL_LOAD_MODE_METHOD = '_dataSourceFromUrlLoadMode';
 const SPECIFIC_DATA_SOURCE_OPTION = '_getSpecificDataSourceOption';
 const NORMALIZE_DATA_SOURCE = '_normalizeDataSource';
 
+type ProxiedDataSourceHandler = (...args: unknown[]) => void;
+
 // TODO Get rid of this mixin
-export const DataHelperMixin = <T extends ModuleType<Controller>>(Base: T) => class DataHelperMixin extends Base {
-  public _dataSource: any;
+// eslint-disable-next-line @stylistic/max-len
+// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/explicit-function-return-type
+export const DataHelperMixin = <T extends ModuleType<Controller>>(Base: T) => class extends Base {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  public _dataSource?: any;
+
+  protected _dataController?: DataController;
 
-  protected _dataController: any;
+  protected readyWatcher?: (isLoading: boolean) => void;
 
-  protected readyWatcher: any;
+  // Optional hook implemented by Widget-based consumers (see Widget#_ready).
+  protected _ready?: (value?: boolean) => void;
 
-  private _proxiedDataSourceChangedHandler: any;
+  private _proxiedDataSourceChangedHandler?: ProxiedDataSourceHandler;
 
-  private _proxiedDataSourceLoadErrorHandler: any;
+  private _proxiedDataSourceLoadErrorHandler?: ProxiedDataSourceHandler;
 
-  private _proxiedDataSourceLoadingChangedHandler: any;
+  private _proxiedDataSourceLoadingChangedHandler?: ProxiedDataSourceHandler;
 
-  protected _isSharedDataSource: any;
+  protected _isSharedDataSource?: boolean;
 
-  private readonly _dataSourceType: any;
+  private readonly _dataSourceType?: () => typeof DataSource;
 
-  public postCtor() {
+  public postInit(): void {
     this.on('disposing', () => {
       this._disposeDataSource();
     });
@@ -51,19 +49,17 @@ export const DataHelperMixin = <T extends ModuleType<Controller>>(Base: T) => cl
   /**
    * @extended: state_storing, virtual_scrolling
    */
-  protected _refreshDataSource() {
+  protected _refreshDataSource(): void {
     this._initDataSource();
     this._loadDataSource();
   }
 
-  protected _initDataSource() {
+  protected _initDataSource(): void {
     let dataSourceOptions = SPECIFIC_DATA_SOURCE_OPTION in this
-      ? (this[SPECIFIC_DATA_SOURCE_OPTION] as any)()
+      // @ts-expect-error dynamic mixin method
+      ? this[SPECIFIC_DATA_SOURCE_OPTION]()
       : this.option('dataSource');
 
-    let widgetDataSourceOptions;
-    let dataSourceType;
-
     this._disposeDataSource();
 
     if (dataSourceOptions) {
@@ -71,22 +67,29 @@ export const DataHelperMixin = <T extends ModuleType<Controller>>(Base: T) => cl
         this._isSharedDataSource = true;
         this._dataSource = dataSourceOptions;
       } else {
-        widgetDataSourceOptions = DATA_SOURCE_OPTIONS_METHOD in this
-          ? (this[DATA_SOURCE_OPTIONS_METHOD] as any)()
+        const widgetDataSourceOptions = DATA_SOURCE_OPTIONS_METHOD in this
+          // @ts-expect-error dynamic mixin method
+          ? this[DATA_SOURCE_OPTIONS_METHOD]()
           : {};
 
-        dataSourceType = this._dataSourceType ? this._dataSourceType() : DataSource;
+        const DataSourceType = this._dataSourceType
+          ? this._dataSourceType()
+          : DataSource;
 
         dataSourceOptions = normalizeDataSourceOptions(dataSourceOptions, {
-          fromUrlLoadMode: (DATA_SOURCE_FROM_URL_LOAD_MODE_METHOD in this) && (this[DATA_SOURCE_FROM_URL_LOAD_MODE_METHOD] as any)(),
+          fromUrlLoadMode: (DATA_SOURCE_FROM_URL_LOAD_MODE_METHOD in this)
+            // @ts-expect-error dynamic mixin method
+            && this[DATA_SOURCE_FROM_URL_LOAD_MODE_METHOD](),
         });
 
-        // eslint-disable-next-line new-cap
-        this._dataSource = new dataSourceType(extend(true, {}, widgetDataSourceOptions, dataSourceOptions));
+        this._dataSource = new DataSourceType(
+          extend(true, {}, widgetDataSourceOptions, dataSourceOptions),
+        );
       }
 
       if (NORMALIZE_DATA_SOURCE in this) {
-        this._dataSource = (this[NORMALIZE_DATA_SOURCE] as any)(this._dataSource);
+        // @ts-expect-error dynamic mixin method
+        this._dataSource = this[NORMALIZE_DATA_SOURCE](this._dataSource);
       }
 
       this._addDataSourceHandlers();
@@ -94,7 +97,7 @@ export const DataHelperMixin = <T extends ModuleType<Controller>>(Base: T) => cl
     }
   }
 
-  private _initDataController() {
+  private _initDataController(): void {
     const dataController = this.option?.('_dataController');
     const dataSource = this._dataSource;
 
@@ -105,7 +108,7 @@ export const DataHelperMixin = <T extends ModuleType<Controller>>(Base: T) => cl
     }
   }
 
-  private _addDataSourceHandlers() {
+  private _addDataSourceHandlers(): void {
     if (DATA_SOURCE_CHANGED_METHOD in this) {
       this._addDataSourceChangeHandler();
     }
@@ -121,63 +124,59 @@ export const DataHelperMixin = <T extends ModuleType<Controller>>(Base: T) => cl
     this._addReadyWatcher();
   }
 
-  private _addReadyWatcher() {
-    this.readyWatcher = function (isLoading) {
-      this._ready && this._ready(!isLoading);
-    }.bind(this);
+  private _addReadyWatcher(): void {
+    this.readyWatcher = (isLoading: boolean): void => {
+      this._ready?.(!isLoading);
+    };
     this._dataSource.on('loadingChanged', this.readyWatcher);
   }
 
-  private _addDataSourceChangeHandler() {
+  private _addDataSourceChangeHandler(): void {
     const dataSource = this._dataSource;
-    this._proxiedDataSourceChangedHandler = function (e) {
+    this._proxiedDataSourceChangedHandler = (e): void => {
       this[DATA_SOURCE_CHANGED_METHOD](dataSource.items(), e);
-    }.bind(this);
+    };
     dataSource.on('changed', this._proxiedDataSourceChangedHandler);
   }
 
-  private _addDataSourceLoadErrorHandler() {
+  private _addDataSourceLoadErrorHandler(): void {
     this._proxiedDataSourceLoadErrorHandler = this[DATA_SOURCE_LOAD_ERROR_METHOD].bind(this);
     this._dataSource.on('loadError', this._proxiedDataSourceLoadErrorHandler);
   }
 
-  private _addDataSourceLoadingChangedHandler() {
-    this._proxiedDataSourceLoadingChangedHandler = this[DATA_SOURCE_LOADING_CHANGED_METHOD].bind(this);
+  private _addDataSourceLoadingChangedHandler(): void {
+    this._proxiedDataSourceLoadingChangedHandler = this[DATA_SOURCE_LOADING_CHANGED_METHOD]
+      .bind(this);
     this._dataSource.on('loadingChanged', this._proxiedDataSourceLoadingChangedHandler);
   }
 
-  protected _loadDataSource() {
+  protected _loadDataSource(): void {
     const dataSource = this._dataSource;
     if (dataSource) {
       if (dataSource.isLoaded()) {
-        this._proxiedDataSourceChangedHandler && this._proxiedDataSourceChangedHandler();
+        if (this._proxiedDataSourceChangedHandler) {
+          this._proxiedDataSourceChangedHandler();
+        }
       } else {
         dataSource.load();
       }
     }
   }
 
-  private _loadSingle(key, value) {
-    key = key === 'this' ? this._dataSource.key() || 'this' : key;
-    return this._dataSource.loadSingle(key, value);
-  }
-
-  private _isLastPage() {
-    return !this._dataSource || this._dataSource.isLastPage() || !this._dataSource._pageSize;
-  }
-
-  private _isDataSourceLoading() {
-    return this._dataSource && this._dataSource.isLoading();
-  }
-
-  protected _disposeDataSource() {
+  protected _disposeDataSource(): void {
     if (this._dataSource) {
       if (this._isSharedDataSource) {
         delete this._isSharedDataSource;
 
-        this._proxiedDataSourceChangedHandler && this._dataSource.off('changed', this._proxiedDataSourceChangedHandler);
-        this._proxiedDataSourceLoadErrorHandler && this._dataSource.off('loadError', this._proxiedDataSourceLoadErrorHandler);
-        this._proxiedDataSourceLoadingChangedHandler && this._dataSource.off('loadingChanged', this._proxiedDataSourceLoadingChangedHandler);
+        if (this._proxiedDataSourceChangedHandler) {
+          this._dataSource.off('changed', this._proxiedDataSourceChangedHandler);
+        }
+        if (this._proxiedDataSourceLoadErrorHandler) {
+          this._dataSource.off('loadError', this._proxiedDataSourceLoadErrorHandler);
+        }
+        if (this._proxiedDataSourceLoadingChangedHandler) {
+          this._dataSource.off('loadingChanged', this._proxiedDataSourceLoadingChangedHandler);
+        }
 
         if (this._dataSource._eventsStrategy) {
           this._dataSource._eventsStrategy.off('loadingChanged', this.readyWatcher);
@@ -194,7 +193,8 @@ export const DataHelperMixin = <T extends ModuleType<Controller>>(Base: T) => cl
     }
   }
 
-  protected getDataSource() {
-    return this._dataSource || null;
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  protected getDataSource(): any | null {
+    return this._dataSource ?? null;
   }
 };

From 327990884555315b3383f3af37caed5dbfe1fd62 Mon Sep 17 00:00:00 2001
From: Arman Jivanyan <arman.jivanyan@devexpress.com>
Date: Wed, 29 Jul 2026 04:48:47 +0400
Subject: [PATCH 03/16] chore(demos): remove dead DisableExternalEditor
 metadata
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Widget Gallery is dropping its in-browser code-editing feature
independently of this work, so this flag has no reader left anywhere in
the repo — it was purely a signal for that feature.
---
 apps/demos/menuMeta.json | 48 ++++++++++++++--------------------------
 1 file changed, 16 insertions(+), 32 deletions(-)

diff --git a/apps/demos/menuMeta.json b/apps/demos/menuMeta.json
index f761c41660c8..ff52d03e04db 100644
--- a/apps/demos/menuMeta.json
+++ b/apps/demos/menuMeta.json
@@ -265,8 +265,7 @@
                 ],
                 "MvcDocUrl": "https://docs.devexpress.com/DevExtremeAspNetMvc/400704/concepts/data-binding",
                 "NetCoreDocUrl": "https://docs.devexpress.com/AspNetCore/400575/concepts/devextreme-based-controls/data-binding",
-                "DemoType": "Web",
-                "DisableExternalEditor": true
+                "DemoType": "Web"
               },
               {
                 "Title": "SignalR Service",
@@ -469,8 +468,7 @@
                   "/Models/SampleData/CustomEditorsTasks.cs",
                   "/Scripts/data/statuses.js"
                 ],
-                "DemoType": "Web",
-                "DisableExternalEditor": true
+                "DemoType": "Web"
               },
               {
                 "Title": "Data Validation",
@@ -486,8 +484,7 @@
                 "MvcDocUrl": "https://docs.devexpress.com/DevExtremeAspNetMvc/400705/concepts/client-side-data-validation#overview",
                 "NetCoreDocUrl": "https://docs.devexpress.com/AspNetCore/400576/concepts/devextreme-based-controls/client-side-data-validation#overview",
                 "DemoType": "Web",
-                "Modules": "devextreme-aspnet-data-nojquery",
-                "DisableExternalEditor": true
+                "Modules": "devextreme-aspnet-data-nojquery"
               },
               {
                 "Title": "Cascading Lookups",
@@ -524,8 +521,7 @@
                 "BackendFiles": [
                   "DataGridCollaborativeEditingController.cs",
                   "DataGridCollaborativeEditingHub.cs"
-                ],
-                "DisableExternalEditor": true
+                ]
               },
               {
                 "Title": "Remote CRUD Operations",
@@ -560,8 +556,7 @@
                 "BackendFiles": [
                   "DataGridBatchUpdateWebApiController.cs",
                   "InMemoryNorthwindContext.cs"
-                ],
-                "DisableExternalEditor": true
+                ]
               },
               {
                 "Title": "Edit State Management",
@@ -585,8 +580,7 @@
                 "NetCoreDescription": "",
                 "MvcAdditionalFiles": [],
                 "Modules": "devextreme-aspnet-data-nojquery",
-                "DemoType": "Web",
-                "DisableExternalEditor": true
+                "DemoType": "Web"
               }
             ]
           },
@@ -1329,8 +1323,7 @@
                 ],
                 "MvcDocUrl": "https://docs.devexpress.com/DevExtremeAspNetMvc/400704/concepts/data-binding",
                 "NetCoreDocUrl": "https://docs.devexpress.com/AspNetCore/400575/concepts/devextreme-based-controls/data-binding",
-                "DemoType": "Web",
-                "DisableExternalEditor": true
+                "DemoType": "Web"
               }
             ]
           },
@@ -1705,8 +1698,7 @@
                 "MvcDescription": "",
                 "NetCoreDescription": "",
                 "MvcAdditionalFiles": [],
-                "DemoType": "Web",
-                "DisableExternalEditor": true
+                "DemoType": "Web"
               }
             ]
           },
@@ -1780,8 +1772,7 @@
                 "MvcDescription": "",
                 "NetCoreDescription": "",
                 "MvcAdditionalFiles": [],
-                "DemoType": "Web",
-                "DisableExternalEditor": true
+                "DemoType": "Web"
               }
             ]
           },
@@ -3555,8 +3546,7 @@
                 "BackendFiles": [
                   "DiagramEmployeesController.cs",
                   "InMemoryEmployeesDataContext.cs"
-                ],
-                "DisableExternalEditor": true
+                ]
               }
             ]
           },
@@ -3759,8 +3749,7 @@
                   "SchedulerDataController.cs",
                   "InMemoryAppointmentsDataContext"
                 ],
-                "DemoType": "Web",
-                "DisableExternalEditor": true
+                "DemoType": "Web"
               },
               {
                 "Title": "SignalR Service",
@@ -3778,8 +3767,7 @@
                 "BackendFiles": [
                   "SchedulerSignalRController.cs",
                   "SchedulerSignalRHub.cs"
-                ],
-                "DisableExternalEditor": true
+                ]
               },
               {
                 "Title": "Google Calendar Integration",
@@ -5498,8 +5486,7 @@
             "Widget": "FileUploader",
             "BackendFiles": [
               "FileUploaderController.cs"
-            ],
-            "DisableExternalEditor": true
+            ]
           },
           {
             "Title": "Validation",
@@ -5508,8 +5495,7 @@
             "Widget": "FileUploader",
             "BackendFiles": [
               "FileUploaderController.cs"
-            ],
-            "DisableExternalEditor": true
+            ]
           },
           {
             "Title": "Chunk Upload",
@@ -5527,8 +5513,7 @@
             "Title": "Custom Drop Zone",
             "Name": "CustomDropzone",
             "DocUrl": "",
-            "Widget": "FileUploader",
-            "DisableExternalEditor": true
+            "Widget": "FileUploader"
           }
         ]
       }
@@ -6736,8 +6721,7 @@
             ],
             "MvcDocUrl": "https://docs.devexpress.com/DevExtremeAspNetMvc/400706/concepts/localization#globalize",
             "NetCoreDocUrl": "https://docs.devexpress.com/AspNetCore/400577/concepts/devextreme-based-controls/localization#globalize",
-            "DemoType": "Web",
-            "DisableExternalEditor": true
+            "DemoType": "Web"
           }
         ]
       }

From b7de53eb69621acb5ee8ba3d82a7bf83c15a07b8 Mon Sep 17 00:00:00 2001
From: Arman Jivanyan <arman.jivanyan@devexpress.com>
Date: Wed, 29 Jul 2026 04:51:23 +0400
Subject: [PATCH 04/16] feat(demos): add esbuild-based in-place demo build
 infrastructure
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Replaces SystemJS's per-request in-browser transpile with real esbuild
bundling, reusing the existing CSP-check scripts as the shared core
rather than duplicating them:

- csp-bundle.js / csp-bundle-angular.js: parameterized to write
  bundle.js/bundle.css next to a demo's own source (BUNDLE_IN_PLACE)
  instead of only to the CSP-check's csp-bundled-demos/ side directory.
  Also fixes two bugs found while wiring this up: a missing
  require.main guard that made requiring csp-bundle.js trigger a full
  bundle-everything run, and the Angular AOT compiler plugin sometimes
  listing a CSS output in its esbuild metafile that it never actually
  writes to disk.
- utils/build/{build-react-vue-demo,build-angular-demo}.js: thin
  wrappers that drive the above for a single demo.
- utils/shell/server.js: lazy build-on-request — rebuilds only the
  demo being viewed when its source is newer than its bundle, so local
  dev doesn't need a pre-build/watch step over ~2,500 demos.
- utils/templates/{Angular,React,Vue}/index.html: scaffold templates
  for new demos, updated to the <script src="./bundle.js"> shape.
  Real demos get index.html regenerated by the builder itself
  (idempotent once migrated), which is why these are just the
  before-first-build placeholder.
---
 apps/demos/.gitignore                         |   5 +
 apps/demos/utils/build/build-angular-demo.js  |  53 +++++++
 .../demos/utils/build/build-react-vue-demo.js |  17 +++
 apps/demos/utils/server/csp-bundle-angular.js |  43 +++++-
 apps/demos/utils/server/csp-bundle.js         | 140 +++++++++++-------
 apps/demos/utils/shell/server.js              |  76 +++++++++-
 apps/demos/utils/templates/Angular/index.html |  12 +-
 apps/demos/utils/templates/React/index.html   |  11 +-
 apps/demos/utils/templates/Vue/index.html     |  16 +-
 9 files changed, 284 insertions(+), 89 deletions(-)
 create mode 100644 apps/demos/utils/build/build-angular-demo.js
 create mode 100644 apps/demos/utils/build/build-react-vue-demo.js

diff --git a/apps/demos/.gitignore b/apps/demos/.gitignore
index f6c9d4263dc9..b6bc7a1749f1 100644
--- a/apps/demos/.gitignore
+++ b/apps/demos/.gitignore
@@ -28,6 +28,11 @@ shared/empty-file.js
 Demos/**/config.js
 Demos/**/tsconfig.json
 
+# esbuild in-place demo build output (see utils/build/) — generated next to
+# each demo's own source, same convention as Demos/**/config.js above.
+Demos/**/bundle.js
+Demos/**/bundle.css
+
 .DS_Store
 **/.DS_Store
 publish-demos
diff --git a/apps/demos/utils/build/build-angular-demo.js b/apps/demos/utils/build/build-angular-demo.js
new file mode 100644
index 000000000000..44613017df6a
--- /dev/null
+++ b/apps/demos/utils/build/build-angular-demo.js
@@ -0,0 +1,53 @@
+// In-place esbuild+AOT build for a single Angular demo (local dev serving).
+// Reuses the AOT/asset-shim/ts-patch internals from utils/server/csp-bundle-angular.js
+// so the dev path and the CI CSP-check path never drift apart; writes bundle.js
+// *and* a freshly regenerated index.html next to the demo's own source,
+// instead of into csp-bundled-demos/. Angular's AOT output names component
+// CSS after the component (e.g. app.component.css), not a fixed bundle.css,
+// so index.html has to be regenerated to reflect whatever was actually
+// produced — bundleDemo() already does exactly that.
+
+const {
+  resolveAngularBuildPrivate,
+  findAngularEntry,
+  prepareDemo,
+  discoverComponentStyleFiles,
+  computeGlobalShims,
+  installShims,
+  removeShims,
+  cleanupPatchedTsFiles,
+  bundleDemo,
+} = require('../server/csp-bundle-angular');
+
+// The AOT compiler plugin factory is expensive to resolve (walks node_modules
+// for @angular/build/private) — do it once per server process, not per demo.
+let createCompilerPluginPromise = null;
+function getCreateCompilerPlugin() {
+  if (!createCompilerPluginPromise) {
+    createCompilerPluginPromise = Promise.resolve()
+      .then(() => resolveAngularBuildPrivate().createCompilerPlugin);
+  }
+  return createCompilerPluginPromise;
+}
+
+async function buildAngularDemoInPlace(widget, name, srcDir) {
+  const entry = findAngularEntry(srcDir);
+  if (!entry) return { ok: false, reason: 'no app/app.component.ts (or main.ts/index.ts) entry' };
+
+  const demo = { widget, name, srcDir, entry };
+  const cssFiles = discoverComponentStyleFiles([entry]);
+  const shims = computeGlobalShims(cssFiles);
+  let installed = [];
+
+  try {
+    installed = installShims(shims);
+    const createCompilerPlugin = await getCreateCompilerPlugin();
+    const prepared = prepareDemo(demo);
+    return await bundleDemo(prepared, createCompilerPlugin, srcDir);
+  } finally {
+    removeShims(installed);
+    cleanupPatchedTsFiles();
+  }
+}
+
+module.exports = { buildAngularDemoInPlace };
diff --git a/apps/demos/utils/build/build-react-vue-demo.js b/apps/demos/utils/build/build-react-vue-demo.js
new file mode 100644
index 000000000000..55fa7b06942f
--- /dev/null
+++ b/apps/demos/utils/build/build-react-vue-demo.js
@@ -0,0 +1,17 @@
+// In-place esbuild build for a single React/Vue demo (local dev serving).
+// Reuses the bundling core from utils/server/csp-bundle.js so the dev path and
+// the CI CSP-check path never drift apart; writes bundle.js/bundle.css *and*
+// a freshly regenerated index.html next to the demo's own source, instead of
+// into csp-bundled-demos/. Regenerating index.html on every build (rather
+// than keeping a separate static copy) is what actually needs no per-demo
+// module/config generation any more — buildHtml() already reconstructs it
+// from the demo's own existing body markup (see extractDemoBodyInner), so
+// re-running it against an already-migrated file is a no-op fixed point.
+
+const { bundleDemo } = require('../server/csp-bundle');
+
+async function buildReactVueDemoInPlace(framework, widget, name, srcDir) {
+  return bundleDemo({ widget, name, srcDir }, { destDir: srcDir, framework });
+}
+
+module.exports = { buildReactVueDemoInPlace };
diff --git a/apps/demos/utils/server/csp-bundle-angular.js b/apps/demos/utils/server/csp-bundle-angular.js
index 829db5ab6438..052224b8dd68 100644
--- a/apps/demos/utils/server/csp-bundle-angular.js
+++ b/apps/demos/utils/server/csp-bundle-angular.js
@@ -12,7 +12,12 @@ const esbuild = require('esbuild');
 const DEMOS_APP_ROOT = path.resolve(__dirname, '..', '..');
 const REPO_ROOT = path.resolve(DEMOS_APP_ROOT, '..', '..');
 const SRC_DEMOS_DIR = path.join(DEMOS_APP_ROOT, 'Demos');
-const OUT_ROOT = path.join(DEMOS_APP_ROOT, 'csp-bundled-demos');
+
+// Write bundle.js next to each demo's own source (the real, only demo tree)
+// instead of into the csp-bundled-demos/ side directory used by the CSP-only
+// check. This is what CI's demo-build step uses in production.
+const IN_PLACE = process.env.BUNDLE_IN_PLACE === '1';
+const OUT_ROOT = IN_PLACE ? SRC_DEMOS_DIR : path.join(DEMOS_APP_ROOT, 'csp-bundled-demos');
 const NODE_MODULES = path.join(DEMOS_APP_ROOT, 'node_modules');
 const FRAMEWORK = 'Angular';
 
@@ -629,9 +634,9 @@ function makeBuildOptions({
   };
 }
 
-async function bundleDemo(demo, createCompilerPlugin) {
+async function bundleDemo(demo, createCompilerPlugin, destDirOverride) {
   const prepared = demo.effectiveEntry ? demo : prepareDemo(demo);
-  const destDir = path.join(OUT_ROOT, prepared.widget, prepared.name, FRAMEWORK);
+  const destDir = destDirOverride || path.join(OUT_ROOT, prepared.widget, prepared.name, FRAMEWORK);
   fs.mkdirSync(destDir, { recursive: true });
 
   const effectiveEntry = prepared.effectiveEntry;
@@ -650,7 +655,11 @@ async function bundleDemo(demo, createCompilerPlugin) {
     return { ok: false, reason: (err && err.message) || String(err) };
   }
 
-  const outputs = Object.keys((result.metafile && result.metafile.outputs) || {});
+  // The Angular AOT compiler plugin can list a component style output in the
+  // metafile that it ends up inlining instead of actually emitting (no file on
+  // disk) — filter to outputs that are really there before linking them.
+  const outputs = Object.keys((result.metafile && result.metafile.outputs) || {})
+    .filter((o) => fs.existsSync(path.resolve(DEMOS_APP_ROOT, o)));
   const localJsFiles = sortJsFiles(outputs.filter((o) => o.endsWith('.js')).map((o) => path.basename(o)));
   if (localJsFiles.length === 0) return { ok: false, reason: 'no JS output produced' };
 
@@ -729,8 +738,10 @@ async function main() {
   if (FILTER) console.log(`Filter: ${FILTER}`);
   console.log('');
 
-  // Wipe previous Angular output; leave React/Vue subtrees alone.
-  if (fs.existsSync(OUT_ROOT)) {
+  // Wipe previous Angular output; leave React/Vue subtrees alone. In-place
+  // mode writes into the demo's own source folder, which must NOT be wiped
+  // (that would delete the demo's actual source, not just old output).
+  if (!IN_PLACE && fs.existsSync(OUT_ROOT)) {
     const existingWidgets = fs.readdirSync(OUT_ROOT, { withFileTypes: true }).filter((w) => w.isDirectory());
     for (const widget of existingWidgets) {
       const widgetPath = path.join(OUT_ROOT, widget.name);
@@ -853,4 +864,22 @@ if (require.main === module) {
   });
 }
 
-module.exports = { main };
+// The exports below (beyond `main`) exist so utils/build/build-angular-demo.js
+// can drive a single, in-place demo build (e.g. for the dev server's
+// lazy-build-on-request path) without duplicating this file's AOT/asset-shim
+// logic — they're the same internals `main()` uses, just with `destDir`
+// overridable per call instead of hardcoded to OUT_ROOT.
+module.exports = {
+  main,
+  resolveAngularBuildPrivate,
+  findAngularEntry,
+  prepareDemo,
+  discoverComponentStyleFiles,
+  computeGlobalShims,
+  installShims,
+  removeShims,
+  cleanupPatchedTsFiles,
+  bundleDemo,
+  buildHtml,
+  ANGULAR_ZONE_SCRIPT,
+};
diff --git a/apps/demos/utils/server/csp-bundle.js b/apps/demos/utils/server/csp-bundle.js
index a7373e2ea600..2bff3223cf39 100644
--- a/apps/demos/utils/server/csp-bundle.js
+++ b/apps/demos/utils/server/csp-bundle.js
@@ -19,9 +19,14 @@ if (!SUPPORTED.includes(FRAMEWORK)) {
 
 const IS_ANGULAR = FRAMEWORK === 'Angular';
 
+// Write bundle.js/bundle.css next to each demo's own source (the real, only
+// demo tree) instead of into the csp-bundled-demos/ side directory used by the
+// CSP-only check. This is what CI's demo-build step uses in production.
+const IN_PLACE = process.env.BUNDLE_IN_PLACE === '1';
+
 const DEMOS_APP_ROOT = path.join(__dirname, '..', '..');
 const SRC_DEMOS_DIR = path.join(DEMOS_APP_ROOT, 'Demos');
-const OUT_ROOT = path.join(DEMOS_APP_ROOT, 'csp-bundled-demos');
+const OUT_ROOT = IN_PLACE ? SRC_DEMOS_DIR : path.join(DEMOS_APP_ROOT, 'csp-bundled-demos');
 const NODE_MODULES = path.join(DEMOS_APP_ROOT, 'node_modules');
 
 const CONCURRENCY = (() => {
@@ -170,40 +175,55 @@ const devextremeDedupePlugin = {
   },
 };
 
-let vuePlugin = null;
-if (FRAMEWORK === 'Vue') {
-  // eslint-disable-next-line global-require
-  const mod = require('esbuild-plugin-vue3');
-  const factory = typeof mod === 'function' ? mod : (mod.default || mod);
-  vuePlugin = factory();
+// Vue's esbuild plugin is safe to reuse across builds, so it's memoized per
+// process rather than tied to the CLI's single module-level FRAMEWORK — lets
+// getSharedOptions() be called for either framework from a long-lived process
+// (e.g. the dev server's lazy build-on-request path), not just this CLI's
+// single-framework-per-run invocation.
+let vuePluginInstance = null;
+function getVuePlugin() {
+  if (!vuePluginInstance) {
+    // eslint-disable-next-line global-require
+    const mod = require('esbuild-plugin-vue3');
+    const factory = typeof mod === 'function' ? mod : (mod.default || mod);
+    vuePluginInstance = factory();
+  }
+  return vuePluginInstance;
 }
 
-const SHARED_OPTIONS = {
-  bundle: true,
-  minify: false,
-  format: 'iife',
-  loader: {
-    '.js': 'jsx',
-    '.png': 'dataurl',
-    '.jpg': 'dataurl',
-    '.jpeg': 'dataurl',
-    '.gif': 'dataurl',
-    '.svg': 'dataurl',
-  },
-  alias: {
-    react: path.join(NODE_MODULES, 'react'),
-    'react-dom': path.join(NODE_MODULES, 'react-dom'),
-    // Alias bare 'globalize' to the browser build, as the SystemJS configs do.
-    globalize: path.join(NODE_MODULES, 'globalize', 'dist', 'globalize.js'),
-  },
-  define: {
-    'process.env.NODE_ENV': '"production"',
-    __VUE_OPTIONS_API__: 'true',
-    __VUE_PROD_DEVTOOLS__: 'false',
-  },
-  logLevel: 'silent',
-  plugins: [devextremeDedupePlugin, systemJsQuirksPlugin, ignoreMissingCssPlugin, ...(vuePlugin ? [vuePlugin] : [])],
-};
+function getSharedOptions(framework) {
+  return {
+    bundle: true,
+    minify: false,
+    format: 'iife',
+    loader: {
+      '.js': 'jsx',
+      '.png': 'dataurl',
+      '.jpg': 'dataurl',
+      '.jpeg': 'dataurl',
+      '.gif': 'dataurl',
+      '.svg': 'dataurl',
+    },
+    alias: {
+      react: path.join(NODE_MODULES, 'react'),
+      'react-dom': path.join(NODE_MODULES, 'react-dom'),
+      // Alias bare 'globalize' to the browser build, as the SystemJS configs do.
+      globalize: path.join(NODE_MODULES, 'globalize', 'dist', 'globalize.js'),
+    },
+    define: {
+      'process.env.NODE_ENV': '"production"',
+      __VUE_OPTIONS_API__: 'true',
+      __VUE_PROD_DEVTOOLS__: 'false',
+    },
+    logLevel: 'silent',
+    plugins: [
+      devextremeDedupePlugin,
+      systemJsQuirksPlugin,
+      ignoreMissingCssPlugin,
+      ...(framework === 'Vue' ? [getVuePlugin()] : []),
+    ],
+  };
+}
 
 // Reuse the dev <body> markup (minus its SystemJS <script> tags) so the bundle
 // renders into the same mount node — a few demos don't use `#app`.
@@ -254,17 +274,19 @@ function buildHtml({ jsFile, cssFiles, srcDir }) {
 `;
 }
 
-async function bundleDemo(demo) {
-  const entry = findEntry(demo.srcDir);
+// Core esbuild step, parameterized by destination + framework so it can be
+// reused both for the CSP-check output (below) and for an in-place build that
+// writes bundle.js next to the demo's own source (see utils/build/).
+async function bundleDemoTo({ srcDir, destDir, framework }) {
+  const entry = findEntry(srcDir);
   if (!entry) return { ok: false, reason: 'no entry point (index.tsx|ts|jsx|js)' };
 
-  const destDir = path.join(OUT_ROOT, demo.widget, demo.name, FRAMEWORK);
   fs.mkdirSync(destDir, { recursive: true });
 
   let result;
   try {
     result = await esbuild.build({
-      ...SHARED_OPTIONS,
+      ...getSharedOptions(framework),
       entryPoints: [entry],
       outdir: destDir,
       entryNames: 'bundle',
@@ -281,17 +303,26 @@ async function bundleDemo(demo) {
 
   if (jsFiles.length === 0) return { ok: false, reason: 'no JS output produced' };
 
-  // Standalone styles.css that the dev demo references separately (React).
-  const stylesSrc = path.join(demo.srcDir, 'styles.css');
+  // Standalone styles.css that the dev demo references separately (React) —
+  // normalized to bundle.css too, so callers only ever deal with one CSS name.
+  const stylesSrc = path.join(srcDir, 'styles.css');
   if (cssFiles.length === 0 && fs.existsSync(stylesSrc)) {
-    const dest = path.join(destDir, 'styles.css');
+    const dest = path.join(destDir, 'bundle.css');
     fs.copyFileSync(stylesSrc, dest);
-    cssFiles.push('styles.css');
+    cssFiles.push('bundle.css');
   }
 
+  return { ok: true, jsFiles, cssFiles };
+}
+
+async function bundleDemo(demo, { destDir: destDirOverride, framework = FRAMEWORK } = {}) {
+  const destDir = destDirOverride || path.join(OUT_ROOT, demo.widget, demo.name, FRAMEWORK);
+  const result = await bundleDemoTo({ srcDir: demo.srcDir, destDir, framework });
+  if (!result.ok) return result;
+
   fs.writeFileSync(
     path.join(destDir, 'index.html'),
-    buildHtml({ jsFile: jsFiles[0], cssFiles, srcDir: demo.srcDir }),
+    buildHtml({ jsFile: result.jsFiles[0], cssFiles: result.cssFiles, srcDir: demo.srcDir }),
   );
 
   return { ok: true };
@@ -317,7 +348,9 @@ async function main() {
   console.log(`Output: ${OUT_ROOT}\n`);
 
   // Wipe only this framework's previous output so per-framework runs don't clash.
-  if (fs.existsSync(OUT_ROOT)) {
+  // In-place mode writes into the demo's own source folder, which must NOT be
+  // wiped (that would delete the demo's actual source, not just old output).
+  if (!IN_PLACE && fs.existsSync(OUT_ROOT)) {
     const existingWidgets = fs.readdirSync(OUT_ROOT, { withFileTypes: true })
       .filter((w) => w.isDirectory());
     for (const widget of existingWidgets) {
@@ -370,11 +403,18 @@ async function main() {
   }
 }
 
-const entrypoint = IS_ANGULAR ? require('./csp-bundle-angular').main : main;
+if (require.main === module) {
+  // eslint-disable-next-line global-require
+  const entrypoint = IS_ANGULAR ? require('./csp-bundle-angular').main : main;
+
+  entrypoint().then(() => {
+    process.exit(process.exitCode || 0);
+  }).catch((err) => {
+    console.error('csp-bundle failed:', err);
+    process.exit(1);
+  });
+}
 
-entrypoint().then(() => {
-  process.exit(process.exitCode || 0);
-}).catch((err) => {
-  console.error('csp-bundle failed:', err);
-  process.exit(1);
-});
+module.exports = {
+  bundleDemo, bundleDemoTo, findEntry, buildHtml, extractDemoBodyInner,
+};
diff --git a/apps/demos/utils/shell/server.js b/apps/demos/utils/shell/server.js
index 53a03408167d..18070c71c06e 100644
--- a/apps/demos/utils/shell/server.js
+++ b/apps/demos/utils/shell/server.js
@@ -7,7 +7,11 @@ const cookieParser = require('cookie-parser');
 const open = require('open');
 const rateLimit = require('express-rate-limit');
 const { join, normalize } = require('path');
-const { readFileSync, readdirSync } = require('fs');
+const {
+  readFileSync, readdirSync, existsSync, statSync,
+} = require('fs');
+const { buildReactVueDemoInPlace } = require('../build/build-react-vue-demo');
+const { buildAngularDemoInPlace } = require('../build/build-angular-demo');
 
 const root = join(__dirname, '..', '..');
 const indexFileName = 'index.html';
@@ -19,7 +23,75 @@ const port = Number(portArgument) || 8080;
 
 const getDemoPath = (requestPath) => requestPath.replace(/^\/apps\/demos(?=\/|$)/, '');
 
-const demoIndexHandler = (request, response) => {
+// Demos built via esbuild (see utils/build/) ship bundle.js next to their own
+// source instead of going through SystemJS's in-browser transpile. Rebuild
+// on-demand, only for the demo actually being viewed, so local dev doesn't
+// need a watcher over all ~2,500 demos.
+const BUNDLED_APPROACHES = new Set(['React', 'Vue', 'Angular']);
+const GENERATED_ENTRY_NAMES = new Set([
+  'bundle.js', 'bundle.css', indexFileName, 'config.js', 'tsconfig.json', 'description.md',
+]);
+
+function newestSourceMtimeMs(dir) {
+  let newest = 0;
+  for (const entry of readdirSync(dir, { withFileTypes: true })) {
+    const isGenerated = GENERATED_ENTRY_NAMES.has(entry.name)
+      || entry.name.startsWith('.csp-bundle-angular-patched.');
+    if (!isGenerated) {
+      const fullPath = join(dir, entry.name);
+      const mtimeMs = entry.isDirectory()
+        ? newestSourceMtimeMs(fullPath)
+        : statSync(fullPath).mtimeMs;
+      newest = Math.max(newest, mtimeMs);
+    }
+  }
+  return newest;
+}
+
+function isBundleStale(srcDir) {
+  const bundlePath = join(srcDir, 'bundle.js');
+  if (!existsSync(bundlePath)) return true;
+  return newestSourceMtimeMs(srcDir) > statSync(bundlePath).mtimeMs;
+}
+
+// Dedupe concurrent requests for the same demo (e.g. a page loading several
+// assets at once) into a single in-flight build.
+const buildsInFlight = new Map();
+
+function ensureBundleFresh(widget, name, approach) {
+  if (!BUNDLED_APPROACHES.has(approach)) return Promise.resolve({ ok: true });
+
+  const srcDir = join(root, 'Demos', widget, name, approach);
+  if (!existsSync(srcDir) || !isBundleStale(srcDir)) return Promise.resolve({ ok: true });
+
+  if (buildsInFlight.has(srcDir)) return buildsInFlight.get(srcDir);
+
+  const buildPromise = (approach === 'Angular'
+    ? buildAngularDemoInPlace(widget, name, srcDir)
+    : buildReactVueDemoInPlace(approach, widget, name, srcDir))
+    .finally(() => buildsInFlight.delete(srcDir));
+
+  buildsInFlight.set(srcDir, buildPromise);
+  return buildPromise;
+}
+
+const demoIndexHandler = async (request, response) => {
+  const { widget, name, approach } = request.params;
+
+  if (widget && name && approach) {
+    let result;
+    try {
+      result = await ensureBundleFresh(widget, name, approach);
+    } catch (err) {
+      response.status(500).send(`Demo build failed: ${err.message}`);
+      return;
+    }
+    if (!result.ok) {
+      response.status(500).send(`Demo build failed: ${result.reason}`);
+      return;
+    }
+  }
+
   const parts = getDemoPath(request.path).split('/');
 
   parts.unshift(root);
diff --git a/apps/demos/utils/templates/Angular/index.html b/apps/demos/utils/templates/Angular/index.html
index bdd935bd27ea..450162fbc448 100644
--- a/apps/demos/utils/templates/Angular/index.html
+++ b/apps/demos/utils/templates/Angular/index.html
@@ -5,22 +5,16 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="stylesheet" type="text/css" href="__RELATIVE_PATH__node_modules/devextreme/dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="__RELATIVE_PATH__node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
 
-    <script src="__RELATIVE_PATH__node_modules/core-js/client/shim.min.js"></script>
     <script src="__RELATIVE_PATH__node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="__RELATIVE_PATH__node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="__RELATIVE_PATH__node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
 
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/utils/templates/React/index.html b/apps/demos/utils/templates/React/index.html
index a8e5ed3329d8..12fd54cc7f5e 100644
--- a/apps/demos/utils/templates/React/index.html
+++ b/apps/demos/utils/templates/React/index.html
@@ -5,19 +5,14 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="stylesheet" type="text/css" href="__RELATIVE_PATH__node_modules/devextreme/dist/css/dx.light.css" />
-
-    <script src="__RELATIVE_PATH__node_modules/core-js/client/shim.min.js"></script>
-    <script src="__RELATIVE_PATH__node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="__RELATIVE_PATH__node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
 
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/utils/templates/Vue/index.html b/apps/demos/utils/templates/Vue/index.html
index 9d70f08217c0..12fd54cc7f5e 100644
--- a/apps/demos/utils/templates/Vue/index.html
+++ b/apps/demos/utils/templates/Vue/index.html
@@ -5,24 +5,14 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="stylesheet" type="text/css" href="__RELATIVE_PATH__node_modules/devextreme/dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "__RELATIVE_PATH__node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="__RELATIVE_PATH__node_modules/core-js/client/shim.min.js"></script>
-    <script src="__RELATIVE_PATH__node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="__RELATIVE_PATH__node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
 
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>

From 023c9e7da319d790c0626ae038b8dc702e44890f Mon Sep 17 00:00:00 2001
From: Arman Jivanyan <arman.jivanyan@devexpress.com>
Date: Wed, 29 Jul 2026 04:52:15 +0400
Subject: [PATCH 05/16] ci(demos): point demo CI at the esbuild build instead
 of SystemJS
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- visual-tests-demos.yml: build-demos becomes a matrix job (React/Vue
  single-shard, Angular 3-shard, mirroring csp-check-frameworks'
  already-proven split) using BUNDLE_IN_PLACE=1 instead of the old
  `nx prepare-bundles` vendor-bundle step; testcafe-frameworks-all/
  -changed download the new per-framework/-shard artifacts and overlay
  them onto their own checkout instead of the old single vendor
  bundle; csp-check-frameworks/csp-check-jquery drop the now-moot
  CSP_USE_BUNDLED env (every demo is bundled now, there's no SystemJS
  dev mode left to compare against).
- csp-server.js: Demos/ is unconditionally the bundled, strict-CSP
  source now, so the whole SystemJS-dev-vs-csp-bundled-demos duality
  (relaxed nonce/strict-dynamic/unsafe-eval script-src, Vue's
  unsafe-inline style-src default, the SystemJS-only font-src
  allowlist entries) collapses to one profile; the csp-bundled-demos/
  routes/handler are dropped as dead code.
- csp-check.js: same simplification — always reads from Demos/.

Not yet run in real CI — drafted and diff-reviewed locally, since this
repo's demo CI can't be exercised outside GitHub Actions.
---
 .github/workflows/visual-tests-demos.yml | 130 ++++++++++++++++++-----
 apps/demos/utils/server/csp-check.js     |  10 +-
 apps/demos/utils/server/csp-server.js    | 123 ++++-----------------
 3 files changed, 127 insertions(+), 136 deletions(-)

diff --git a/.github/workflows/visual-tests-demos.yml b/.github/workflows/visual-tests-demos.yml
index 1b407c0de197..317189a678ce 100644
--- a/.github/workflows/visual-tests-demos.yml
+++ b/.github/workflows/visual-tests-demos.yml
@@ -274,8 +274,8 @@ jobs:
           retention-days: 1
 
   build-demos:
+    name: ${{ matrix.SHARD_TOTAL == 1 && format('Build demos ({0})', matrix.FRAMEWORK) || format('Build demos ({0} {1}/{2})', matrix.FRAMEWORK, matrix.SHARD_INDEX, matrix.SHARD_TOTAL) }}
     runs-on: devextreme-shr2
-    name: Build Demos Bundles
     timeout-minutes: 30
     needs: [check-should-run, determine-framework-tests-scope, build-devextreme]
     if: |
@@ -286,6 +286,20 @@ jobs:
       needs.build-devextreme.result == 'success'
     env:
       NODE_OPTIONS: --max-old-space-size=8192
+    strategy:
+      fail-fast: false
+      # Demos now bundle with esbuild, in place, one demo at a time — no more
+      # SystemJS vendor bundle to build. Angular's AOT compile is the slow
+      # part, so it's split into parallel shards (same round-robin scheme
+      # csp-bundle-angular.js already uses for the CSP check below);
+      # React/Vue stay light enough for a single shard.
+      matrix:
+        include:
+          - { FRAMEWORK: React,   SHARD_INDEX: 1, SHARD_TOTAL: 1 }
+          - { FRAMEWORK: Vue,     SHARD_INDEX: 1, SHARD_TOTAL: 1 }
+          - { FRAMEWORK: Angular, SHARD_INDEX: 1, SHARD_TOTAL: 3 }
+          - { FRAMEWORK: Angular, SHARD_INDEX: 2, SHARD_TOTAL: 3 }
+          - { FRAMEWORK: Angular, SHARD_INDEX: 3, SHARD_TOTAL: 3 }
 
     steps:
       - name: Get sources
@@ -331,20 +345,26 @@ jobs:
 #    - name: Link wrappers packages
 #      run: pnpm install --frozen-lockfile
 
-      - name: Prepare bundles
+      - name: Build demo bundles
         working-directory: apps/demos
-        run: pnpm exec nx prepare-bundles
+        env:
+          BUNDLE_IN_PLACE: '1'
+          CSP_SHARD_INDEX: ${{ matrix.SHARD_INDEX }}
+          CSP_SHARD_TOTAL: ${{ matrix.SHARD_TOTAL }}
+        run: node utils/server/csp-bundle.js --framework=${{ matrix.FRAMEWORK }}
 
       - name: Demos - Run tsc
+        if: matrix.FRAMEWORK == 'React' && matrix.SHARD_INDEX == 1 # global check, only needs to run once
         working-directory: apps/demos
         run: pnpm exec tsc --noEmit
 
       - name: Copy build artifacts
         uses: actions/upload-artifact@v7
         with:
-          name: devextreme-bundles
+          name: devextreme-bundles-${{ matrix.FRAMEWORK }}${{ matrix.SHARD_TOTAL != 1 && format('-shard{0}', matrix.SHARD_INDEX) || '' }}
           path: |
-            apps/demos/bundles/
+            apps/demos/Demos/**/bundle.js
+            apps/demos/Demos/**/bundle.css
           retention-days: 1
 
   lint:
@@ -913,18 +933,47 @@ jobs:
       working-directory: apps/demos
       run: pnpm run prepare-js
 
-    - name: Update bundles config
-      working-directory: apps/demos
-      run: pnpm run update-config
+    # Demo bundles are built once per framework/shard in build-demos and
+    # downloaded here to overlay onto this job's own checkout (same commit),
+    # landing back at Demos/<Widget>/<Demo>/<Framework>/bundle.{js,css} —
+    # exactly where each demo's own index.html already expects them.
+    - name: Download demo bundles (React)
+      if: startsWith(matrix.CONSTEL, 'react')
+      uses: actions/download-artifact@v8
+      with:
+        name: devextreme-bundles-React
+        path: apps/demos
+
+    - name: Download demo bundles (Vue)
+      if: startsWith(matrix.CONSTEL, 'vue')
+      uses: actions/download-artifact@v8
+      with:
+        name: devextreme-bundles-Vue
+        path: apps/demos
 
-    - name: Create bundles dir
-      run: mkdir -p apps/demos/bundles
+    # Angular is built in 3 shards (see build-demos) but tested in 10 — every
+    # Angular test shard needs all 3 build shards since the two shard schemes
+    # don't line up demo-for-demo.
+    - name: Download demo bundles (Angular shard 1)
+      if: startsWith(matrix.CONSTEL, 'angular')
+      uses: actions/download-artifact@v8
+      with:
+        name: devextreme-bundles-Angular-shard1
+        path: apps/demos
+
+    - name: Download demo bundles (Angular shard 2)
+      if: startsWith(matrix.CONSTEL, 'angular')
+      uses: actions/download-artifact@v8
+      with:
+        name: devextreme-bundles-Angular-shard2
+        path: apps/demos
 
-    - name: Download bundles artifacts
+    - name: Download demo bundles (Angular shard 3)
+      if: startsWith(matrix.CONSTEL, 'angular')
       uses: actions/download-artifact@v8
       with:
-        name: devextreme-bundles
-        path: apps/demos/bundles
+        name: devextreme-bundles-Angular-shard3
+        path: apps/demos
 
     - name: Run Web Server
       run: |
@@ -1049,18 +1098,45 @@ jobs:
         working-directory: apps/demos
         run: pnpm run prepare-js
 
-      - name: Update bundles config
-        working-directory: apps/demos
-        run: pnpm run update-config
+      # Demo bundles are built once per framework/shard in build-demos and
+      # downloaded here to overlay onto this job's own checkout (same commit),
+      # landing back at Demos/<Widget>/<Demo>/<Framework>/bundle.{js,css} —
+      # exactly where each demo's own index.html already expects them.
+      - name: Download demo bundles (React)
+        if: matrix.CONSTEL == 'react'
+        uses: actions/download-artifact@v8
+        with:
+          name: devextreme-bundles-React
+          path: apps/demos
 
-      - name: Create bundles dir
-        run: mkdir -p apps/demos/bundles
+      - name: Download demo bundles (Vue)
+        if: matrix.CONSTEL == 'vue'
+        uses: actions/download-artifact@v8
+        with:
+          name: devextreme-bundles-Vue
+          path: apps/demos
 
-      - name: Download bundles artifacts
+      # build-demos shards Angular 3 ways regardless of how it's tested here.
+      - name: Download demo bundles (Angular shard 1)
+        if: matrix.CONSTEL == 'angular'
         uses: actions/download-artifact@v8
         with:
-          name: devextreme-bundles
-          path: apps/demos/bundles
+          name: devextreme-bundles-Angular-shard1
+          path: apps/demos
+
+      - name: Download demo bundles (Angular shard 2)
+        if: matrix.CONSTEL == 'angular'
+        uses: actions/download-artifact@v8
+        with:
+          name: devextreme-bundles-Angular-shard2
+          path: apps/demos
+
+      - name: Download demo bundles (Angular shard 3)
+        if: matrix.CONSTEL == 'angular'
+        uses: actions/download-artifact@v8
+        with:
+          name: devextreme-bundles-Angular-shard3
+          path: apps/demos
 
       - name: Download changes artifacts
         uses: actions/download-artifact@v8
@@ -1163,8 +1239,6 @@ jobs:
       needs.build-devextreme.result == 'success'
     runs-on: devextreme-shr2
     timeout-minutes: 60
-    env:
-      CSP_USE_BUNDLED: '0'
 
     steps:
     - name: Get sources
@@ -1251,8 +1325,6 @@ jobs:
           - { FRAMEWORK: Angular, SHARD_INDEX: 3, SHARD_TOTAL: 3 }
     runs-on: devextreme-shr2
     timeout-minutes: 60
-    env:
-      CSP_USE_BUNDLED: '1'
 
     steps:
     - name: Get sources
@@ -1296,12 +1368,14 @@ jobs:
       working-directory: apps/demos
       run: pnpm add --ignore-workspace --allow-build=core-js --allow-build=inferno devextreme-aspnet-data@5.1.0 devextreme-aspnet-data-nojquery@5.1.0 ../../devextreme-installer.tgz ../../devextreme-dist-installer.tgz ../../devextreme-react-installer.tgz ../../devextreme-vue-installer.tgz ../../devextreme-angular-installer.tgz && rm -f pnpm-workspace.yaml pnpm-lock.yaml
 
-    # Bundle production-style pages only when the CSP check is configured to
-    # read csp-bundled-demos; otherwise the checker uses SystemJS dev demos.
+    # Every demo is a plain esbuild bundle now, so this is the same build
+    # step build-demos runs — done again here (independently, in parallel)
+    # rather than depending on that job, to keep this check's timing
+    # decoupled from the rest of the pipeline.
     - name: Bundle demos for CSP check
-      if: env.CSP_USE_BUNDLED == '1' || env.CSP_USE_BUNDLED == 'true'
       working-directory: apps/demos
       env:
+        BUNDLE_IN_PLACE: '1'
         CSP_SHARD_INDEX: ${{ matrix.SHARD_INDEX }}
         CSP_SHARD_TOTAL: ${{ matrix.SHARD_TOTAL }}
       run: node utils/server/csp-bundle.js --framework=${{ matrix.FRAMEWORK }}
diff --git a/apps/demos/utils/server/csp-check.js b/apps/demos/utils/server/csp-check.js
index be5661116fd3..97d01d61384b 100644
--- a/apps/demos/utils/server/csp-check.js
+++ b/apps/demos/utils/server/csp-check.js
@@ -11,16 +11,12 @@ const REPORT_DIR = join(DEMO_ROOT, 'csp-reports');
 const SERVER_URL = process.env.CSP_SERVER_URL || 'http://localhost:8080';
 const FRAMEWORK = (process.env.CSP_FRAMEWORKS || 'jQuery').trim();
 
-// Use pre-built bundles from csp-bundle.js instead of the SystemJS dev demos.
-const USE_BUNDLED = process.env.CSP_USE_BUNDLED === '1' || process.env.CSP_USE_BUNDLED === 'true';
-
 const CORES = (typeof os.availableParallelism === 'function'
   ? os.availableParallelism()
   : (os.cpus() || []).length) || 1;
 function defaultConcurrency() {
   if (FRAMEWORK === 'jQuery') return Math.max(6, Math.min(8, CORES));
-  if (USE_BUNDLED) return Math.max(2, Math.min(8, CORES));
-  return 2;
+  return Math.max(2, Math.min(8, CORES));
 }
 const DEFAULT_CONCURRENCY = defaultConcurrency();
 const parsedConcurrency = parseInt(process.env.CSP_CONCURRENCY, 10);
@@ -171,7 +167,7 @@ async function waitForDebugger(port, maxWaitMs = 15000) {
 }
 
 function findDemos() {
-  const demosDirName = USE_BUNDLED ? 'csp-bundled-demos' : 'Demos';
+  const demosDirName = 'Demos';
   const demosDir = join(DEMO_ROOT, demosDirName);
   const result = [];
 
@@ -374,7 +370,7 @@ async function main() {
   console.log(`Chrome: ${CHROME_PATH}`);
   console.log(`Server: ${SERVER_URL}`);
   console.log(`Framework: ${FRAMEWORK}`);
-  console.log(`Source: ${USE_BUNDLED ? 'csp-bundled-demos (production-style)' : 'Demos (SystemJS dev)'}`);
+  console.log('Source: Demos (esbuild-bundled)');
   console.log(`Concurrency: ${CONCURRENCY}\n`);
 
   const demos = findDemos();
diff --git a/apps/demos/utils/server/csp-server.js b/apps/demos/utils/server/csp-server.js
index 5b2243644fd6..c9acc399d90b 100644
--- a/apps/demos/utils/server/csp-server.js
+++ b/apps/demos/utils/server/csp-server.js
@@ -221,105 +221,43 @@ const CSP_FRAMEWORK_ALLOWLIST = {
     },
   },
   Angular: {
-    FilterBuilder: { 'font-src': ['https://maxcdn.bootstrapcdn.com'] },
     // globalize/message.js uses new Function() internally
     'Localization/UsingGlobalize': { 'script-src': ["'unsafe-eval'"] },
   },
   React: {
-    'Slider/Overview': {
-      'font-src': ['https://maxcdn.bootstrapcdn.com'],
-    },
-    'Sortable/Customization': {
-      'font-src': ['https://maxcdn.bootstrapcdn.com'],
-    },
-    'TagBox/Grouping': {
-      'font-src': ['https://maxcdn.bootstrapcdn.com'],
-    },
-    'SelectBox/Grouping': {
-      'font-src': ['https://maxcdn.bootstrapcdn.com'],
-    },
-    'SelectBox/SearchAndEditing': {
-      'font-src': ['https://maxcdn.bootstrapcdn.com'],
-    },
-    Calendar: { 'font-src': ['https://maxcdn.bootstrapcdn.com'] },
-    CheckBox: { 'font-src': ['https://maxcdn.bootstrapcdn.com'] },
-    'DateRangeBox/Overview': { 'font-src': ['https://maxcdn.bootstrapcdn.com'] },
-    Form: { 'font-src': ['https://maxcdn.bootstrapcdn.com'] },
-    'Lookup/Templates': { 'font-src': ['https://maxcdn.bootstrapcdn.com'] },
     // globalize/message.js uses new Function() internally
     'Localization/UsingGlobalize': { 'script-src': ["'unsafe-eval'"] },
   },
   Vue: {
-    'SelectBox/Grouping': {
-      'font-src': ['https://maxcdn.bootstrapcdn.com'],
-    },
-    Calendar: { 'font-src': ['https://maxcdn.bootstrapcdn.com'] },
-    CheckBox: { 'font-src': ['https://maxcdn.bootstrapcdn.com'] },
-    Form: { 'font-src': ['https://maxcdn.bootstrapcdn.com'] },
-    'Lookup/Templates': { 'font-src': ['https://maxcdn.bootstrapcdn.com'] },
     // globalize/message.js uses new Function() internally
     'Localization/UsingGlobalize': { 'script-src': ["'unsafe-eval'"] },
   },
 };
 
-// Vue's SFC loader injects component CSS as inline <style> with no nonce, so the
-// SystemJS dev demos need 'unsafe-inline'. Dropped for bundled demos.
-const CSP_FRAMEWORK_DEFAULTS = {
-  Vue: { 'style-src': ["'unsafe-inline'"] },
-};
-
-// Framework allowlist entries needed only by the SystemJS dev loader (Font Awesome
-// via inline component CSS); dropped when serving bundled demos.
-const SYSTEMJS_ONLY_FRAMEWORK_KEYS = {
-  React: ['Slider/Overview', 'Sortable/Customization', 'TagBox/Grouping',
-    'SelectBox/Grouping', 'SelectBox/SearchAndEditing', 'Calendar', 'CheckBox',
-    'DateRangeBox/Overview', 'Form', 'Lookup/Templates'],
-  Vue: ['SelectBox/Grouping', 'Calendar', 'CheckBox', 'Form', 'Lookup/Templates'],
-  Angular: ['FilterBuilder'],
-};
-
 function generateNonce() {
   return crypto.randomBytes(16).toString('base64');
 }
 
-function isSystemJsOnlyEntry(framework, key) {
-  const list = SYSTEMJS_ONLY_FRAMEWORK_KEYS[framework];
-  return !!(list && list.includes(key));
-}
-
-function buildCspHeader(demoKey, nonce, framework, isBundled) {
+function buildCspHeader(demoKey, nonce, framework) {
   const directives = {};
   for (const [key, values] of Object.entries(CSP_BASE_DIRECTIVES)) {
     directives[key] = [...values];
   }
 
-  if (nonce) {
-    // Only SystemJS dev demos need script-src nonce + strict-dynamic + eval;
-    // bundled demos load external scripts under 'self'.
-    if (!isBundled) {
-      directives['script-src'].push(`'nonce-${nonce}'`);
-      directives['script-src'].push("'strict-dynamic'");
-      directives['script-src'].push("'unsafe-eval'");
-    }
-
-    // Angular stamps this nonce (via ngCspNonce) on the <style> elements it
-    // injects for component styles — needed in dev and bundled mode.
-    if (framework === 'Angular') {
-      directives['style-src'].push(`'nonce-${nonce}'`);
-    }
+  // Angular stamps this nonce (via ngCspNonce) on the <style> elements it
+  // injects for component styles.
+  if (nonce && framework === 'Angular') {
+    directives['style-src'].push(`'nonce-${nonce}'`);
   }
 
   const widgetKey = demoKey && demoKey.split('/')[0];
   const frameworkList = framework && CSP_FRAMEWORK_ALLOWLIST[framework];
 
-  const allowFrameworkEntry = (key) => !(isBundled && isSystemJsOnlyEntry(framework, key));
-
   const allowlists = [
-    !isBundled && framework && CSP_FRAMEWORK_DEFAULTS[framework],
     demoKey && CSP_DEMO_ALLOWLIST[demoKey],
     widgetKey && CSP_DEMO_ALLOWLIST[widgetKey],
-    frameworkList && demoKey && allowFrameworkEntry(demoKey) && frameworkList[demoKey],
-    frameworkList && widgetKey && allowFrameworkEntry(widgetKey) && frameworkList[widgetKey],
+    frameworkList && demoKey && frameworkList[demoKey],
+    frameworkList && widgetKey && frameworkList[widgetKey],
   ].filter(Boolean);
 
   for (const allowlist of allowlists) {
@@ -338,32 +276,28 @@ function buildCspHeader(demoKey, nonce, framework, isBundled) {
   return parts.join('; ');
 }
 
-const DEMO_PATH_RE = /\/(?:Demos|csp-bundled-demos)\/([^/]+)\/([^/]+)\/([^/]+)/;
+const DEMO_PATH_RE = /\/Demos\/([^/]+)\/([^/]+)\/([^/]+)/;
 
 function parseDemoPath(url) {
   const match = url.match(DEMO_PATH_RE);
-  if (!match) return { demoKey: null, framework: null, isBundled: false };
+  if (!match) return { demoKey: null, framework: null };
   return {
     demoKey: `${match[1]}/${match[2]}`,
     framework: match[3],
-    isBundled: url.includes('/csp-bundled-demos/'),
   };
 }
 
 function cspMiddleware(req, res, next) {
-  const { demoKey, framework, isBundled } = parseDemoPath(req.path);
-
-  // Dev demos need a nonce for inline scripts; bundled Angular needs one for its
-  // injected component <style> elements.
-  const needsNonce = (!isBundled
-    && (framework === 'Angular' || framework === 'React' || framework === 'Vue'))
-    || (isBundled && framework === 'Angular');
-  const nonce = needsNonce ? generateNonce() : null;
+  const { demoKey, framework } = parseDemoPath(req.path);
+
+  // Angular needs a nonce for the component <style> elements it injects.
+  // React/Vue/jQuery demos are plain esbuild bundles with no inline scripts.
+  const nonce = framework === 'Angular' ? generateNonce() : null;
   if (nonce) {
     res.locals.cspNonce = nonce;
   }
 
-  res.setHeader('Content-Security-Policy-Report-Only', buildCspHeader(demoKey, nonce, framework, isBundled));
+  res.setHeader('Content-Security-Policy-Report-Only', buildCspHeader(demoKey, nonce, framework));
   next();
 }
 
@@ -412,13 +346,12 @@ function cspViolationsClearHandler(_req, res) {
 }
 
 const demosBaseDir = resolve(root, 'apps', 'demos', 'Demos');
-const bundledDemosBaseDir = resolve(root, 'apps', 'demos', 'csp-bundled-demos');
 
-const makeIndexHandler = (baseDir) => (request, response) => {
+const demoIndexHandler = (request, response) => {
   const { widget, name, approach } = request.params;
-  const fileSystemPath = resolve(baseDir, widget, name, approach, indexFileName);
+  const fileSystemPath = resolve(demosBaseDir, widget, name, approach, indexFileName);
 
-  if (!fileSystemPath.startsWith(baseDir)) {
+  if (!fileSystemPath.startsWith(demosBaseDir)) {
     response.status(403).send('Forbidden');
     return;
   }
@@ -430,25 +363,17 @@ const makeIndexHandler = (baseDir) => (request, response) => {
     return;
   }
 
-  // Inject nonce into all <script> tags for Angular/React/Vue demos.
-  // 'strict-dynamic' in CSP ignores 'self', so <script src> tags also need the nonce.
-  // 'strict-dynamic' propagates trust to scripts dynamically created by SystemJS.
+  // Angular stamps ngCspNonce on <demo-app> so its injected component <style>
+  // elements carry the nonce the CSP header's style-src requires.
   const { cspNonce } = response.locals;
-  if (cspNonce) {
-    fileContent = fileContent.replace(/<script(?=\s|>)/g, `<script nonce="${cspNonce}"`);
-
-    if (approach === 'Angular') {
-      fileContent = fileContent.replace(/<demo-app(?=[\s>])/, `<demo-app ngCspNonce="${cspNonce}"`);
-    }
+  if (cspNonce && approach === 'Angular') {
+    fileContent = fileContent.replace(/<demo-app(?=[\s>])/, `<demo-app ngCspNonce="${cspNonce}"`);
   }
 
   response.set('Content-Type', 'text/html');
   response.send(fileContent);
 };
 
-const demoIndexHandler = makeIndexHandler(demosBaseDir);
-const bundledIndexHandler = makeIndexHandler(bundledDemosBaseDir);
-
 const app = express();
 app.use(cspMiddleware);
 
@@ -464,10 +389,6 @@ app.delete('/csp-violations', cspViolationsClearHandler);
 app.get('/apps/demos/Demos/:widget/:name/:approach', demoIndexLimiter, demoIndexHandler);
 app.get(`/apps/demos/Demos/:widget/:name/:approach/${indexFileName}`, demoIndexLimiter, demoIndexHandler);
 
-// Route bundled index.html through the handler so Angular gets ngCspNonce stamped.
-app.get('/apps/demos/csp-bundled-demos/:widget/:name/:approach', demoIndexLimiter, bundledIndexHandler);
-app.get(`/apps/demos/csp-bundled-demos/:widget/:name/:approach/${indexFileName}`, demoIndexLimiter, bundledIndexHandler);
-
 app.use(express.static(root, { index: [indexFileName] }));
 
 const server = app.listen(port, host, () => {

From 543f8182b34ed7dd3e42100430b2a85dd185f13b Mon Sep 17 00:00:00 2001
From: Arman Jivanyan <arman.jivanyan@devexpress.com>
Date: Wed, 29 Jul 2026 04:52:47 +0400
Subject: [PATCH 06/16] chore(demos): remove obsolete SystemJS build machinery
 and dependencies
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Now that every demo builds via esbuild (previous commits), delete the
SystemJS-era per-demo config.js generation and vendor-bundle pipeline
it fed:

- utils/internal/create-config.js, configs/{Angular,React,ReactJs,Vue}/
  (the SystemJS module-map templates + per-demo config.js generator —
  a real bundler resolves imports from actual `import` statements, so
  this whole system has no replacement, it's just gone)
- utils/bundle/index.js, scripts/{build-bundles,update-config}.js, and
  the now-dead `prepare-bundles` Nx target (systemjs-builder's Babel
  6/7 vendor-bundle build)
- shared/loaders/{demo-ts-loader,demo-vue-loader,demo-ts-shared}.js,
  utils/svg-loader.js (the in-browser SystemJS loader plugins)
- prepare-js-configs.js trimmed to what it still does (shared-resource
  copying) with the config-gen calls removed

Drops systemjs, systemjs-builder, systemjs-plugin-json, and
dx-systemjs-vue-browser from package.json, along with the babel-core
patch and terser override that existed solely for systemjs-builder's
Babel 6 pipeline, and the now-pointless systemjs entry in
renovate.json's ignore list. pnpm-lock.yaml regenerated accordingly
(42 packages removed); `pnpm install --frozen-lockfile` verified clean.
---
 .github/renovate.json                        |    3 +-
 apps/demos/configs/Angular/config.bundle.js  |   89 -
 apps/demos/configs/Angular/config.js         |  392 ----
 apps/demos/configs/Angular/tsconfig.json     |   15 -
 apps/demos/configs/React/config.bundle.js    |   78 -
 apps/demos/configs/React/config.js           |  257 ---
 apps/demos/configs/React/tsconfig.json       |   10 -
 apps/demos/configs/ReactJs/config.bundle.js  |   78 -
 apps/demos/configs/ReactJs/config.js         |  273 ---
 apps/demos/configs/Vue/config.bundle.js      |   63 -
 apps/demos/configs/Vue/config.js             |  263 ---
 apps/demos/configs/Vue/tsconfig.json         |   10 -
 apps/demos/package.json                      |    8 -
 apps/demos/project.json                      |   33 -
 apps/demos/scripts/build-bundles.js          |   20 -
 apps/demos/scripts/prepare-js-configs.js     |    6 -
 apps/demos/scripts/update-config.js          |    9 -
 apps/demos/shared/loaders/demo-ts-loader.js  |   19 -
 apps/demos/shared/loaders/demo-ts-shared.js  |   78 -
 apps/demos/shared/loaders/demo-vue-loader.js |   45 -
 apps/demos/utils/bundle/index.js             |  304 ---
 apps/demos/utils/internal/create-config.js   |  158 --
 apps/demos/utils/svg-loader.js               |    1 -
 patches/babel-core@6.26.3.patch              |   22 -
 patches/systemjs-builder@0.16.15.patch       |  143 --
 pnpm-lock.yaml                               | 1949 +++++-------------
 pnpm-workspace.yaml                          |    2 -
 27 files changed, 478 insertions(+), 3850 deletions(-)
 delete mode 100644 apps/demos/configs/Angular/config.bundle.js
 delete mode 100644 apps/demos/configs/Angular/config.js
 delete mode 100644 apps/demos/configs/Angular/tsconfig.json
 delete mode 100644 apps/demos/configs/React/config.bundle.js
 delete mode 100644 apps/demos/configs/React/config.js
 delete mode 100644 apps/demos/configs/React/tsconfig.json
 delete mode 100644 apps/demos/configs/ReactJs/config.bundle.js
 delete mode 100644 apps/demos/configs/ReactJs/config.js
 delete mode 100644 apps/demos/configs/Vue/config.bundle.js
 delete mode 100644 apps/demos/configs/Vue/config.js
 delete mode 100644 apps/demos/configs/Vue/tsconfig.json
 delete mode 100644 apps/demos/scripts/build-bundles.js
 delete mode 100644 apps/demos/scripts/update-config.js
 delete mode 100644 apps/demos/shared/loaders/demo-ts-loader.js
 delete mode 100644 apps/demos/shared/loaders/demo-ts-shared.js
 delete mode 100644 apps/demos/shared/loaders/demo-vue-loader.js
 delete mode 100644 apps/demos/utils/bundle/index.js
 delete mode 100644 apps/demos/utils/internal/create-config.js
 delete mode 100644 apps/demos/utils/svg-loader.js
 delete mode 100644 patches/babel-core@6.26.3.patch
 delete mode 100644 patches/systemjs-builder@0.16.15.patch

diff --git a/.github/renovate.json b/.github/renovate.json
index df3d3d21ff4a..7d602be924f7 100644
--- a/.github/renovate.json
+++ b/.github/renovate.json
@@ -85,8 +85,7 @@
                 "devexpress-gantt",
                 "devexpress-diagram",
                 "rrule",
-                "sass-embedded",
-                "systemjs"
+                "sass-embedded"
             ],
             "enabled": false
         },
diff --git a/apps/demos/configs/Angular/config.bundle.js b/apps/demos/configs/Angular/config.bundle.js
deleted file mode 100644
index 8d08484e5534..000000000000
--- a/apps/demos/configs/Angular/config.bundle.js
+++ /dev/null
@@ -1,89 +0,0 @@
-const bundleConfig = {
-  bundles: {
-    'devextreme.angular.systemjs.js': [
-      'devextreme/*',
-      'devextreme/data/*',
-      'devextreme/data/odata/*',
-      'devextreme/animation/*',
-      'devextreme/core/*',
-      'devextreme/core/utils/*',
-      'devextreme/data/*',
-      'devextreme/data/odata/*',
-      'devextreme/events/*',
-      'devextreme/file_management/*',
-      'devextreme/framework/*',
-      'devextreme/integration/*',
-      'devextreme/localization/*',
-      'devextreme/localization/globalize/*',
-      'devextreme/mobile/*',
-      'devextreme/ui/*',
-      'devextreme/ui/html_editor/*',
-      'devextreme/ui/html_editor/converters/*',
-      'devextreme/ui/pivot_grid/*',
-      'devextreme/ui/speed_dial_action/*',
-      'devextreme/ui/toast/*',
-      'devextreme/viz/*',
-      'devextreme/viz/vector_map/*',
-      'devextreme/common/*',
-      'devextreme/common/ai-integration/*',
-      'devextreme/common/data/*',
-      'devextreme/common/data/odata/*',
-      'devextreme/common/export/*',
-      'devextreme/common/core/*',
-      'devextreme/common/core/animation/*',
-      'devextreme/common/core/environment/*',
-      'devextreme/common/core/events/*',
-      'devextreme/common/core/localization/*',
-      'devextreme/common/core/localization/globalize/*',
-      'devextreme-angular',
-      'devextreme-angular/*',
-      'devextreme-angular/common/*',
-      'devextreme-angular/common/core/*',
-      'devextreme-angular/common/export/*',
-      'devextreme-angular/core/*',
-      'devextreme-angular/core/tokens/*',
-      'devexpress-gantt',
-      'devexpress-diagram',
-      'rxjs/*',
-      'rxjs/operator/*',
-      'rxjs/operators/*',
-      'rxjs/observable/*',
-    ],
-  },
-  map: {
-    'devextreme.angular.systemjs.js': '../../../../bundles/devextreme.angular.systemjs.js',
-    'rxjs': 'npm:rxjs/dist/bundles/rxjs.umd.js',
-    'rxjs/operators': 'npm:rxjs/dist/cjs/operators/index.js',
-  },
-  packages: {
-    'rxjs': { defaultExtension: 'js' },
-    'rxjs/operators': { defaultExtension: 'js' },
-  },
-};
-
-// eslint-disable-next-line no-unused-vars
-function useBundle() {
-  System.config(bundleConfig);
-
-  if (window.config) {
-    [
-      'devextreme',
-      'devextreme-angular',
-      'devexpress-gantt',
-      'devexpress-diagram',
-      'rxjs',
-    ].forEach((pkg) => delete window.config.map[pkg]);
-    /*
-    Object.keys(window.config.map).forEach((pkg) => {
-      if (pkg.startsWith('devextreme-angular/')) {
-        delete window.config.map[pkg];
-      }
-    });
-    */
-  }
-}
-
-// useBundle();
-System.config(window.config);
-// eslint-disable-next-line no-console
-System.import('@angular/compiler').catch(console.error.bind(console));
diff --git a/apps/demos/configs/Angular/config.js b/apps/demos/configs/Angular/config.js
deleted file mode 100644
index 94d4906fd2a4..000000000000
--- a/apps/demos/configs/Angular/config.js
+++ /dev/null
@@ -1,392 +0,0 @@
-// In real applications, you should not transpile code in the browser.
-// You can see how to create your own application with Angular and DevExtreme here:
-// https://js.devexpress.com/Documentation/Guide/Angular_Components/Getting_Started/Create_a_DevExtreme_Application/
-
-const componentNames = [
-  'accordion',
-  'action-sheet',
-  'autocomplete',
-  'bar-gauge',
-  'box',
-  'bullet',
-  'button-group',
-  'button',
-  'calendar',
-  'card-view',
-  'chart',
-  'chat',
-  'check-box',
-  'circular-gauge',
-  'color-box',
-  'context-menu',
-  'data-grid',
-  'date-box',
-  'date-range-box',
-  'defer-rendering',
-  'diagram',
-  'draggable',
-  'drawer',
-  'drop-down-box',
-  'drop-down-button',
-  'file-manager',
-  'file-uploader',
-  'filter-builder',
-  'form',
-  'funnel',
-  'gallery',
-  'gantt',
-  'html-editor',
-  'linear-gauge',
-  'list',
-  'load-indicator',
-  'load-panel',
-  'lookup',
-  'map',
-  'menu',
-  'multi-view',
-  'nested',
-  'number-box',
-  'pagination',
-  'pie-chart',
-  'pivot-grid-field-chooser',
-  'pivot-grid',
-  'polar-chart',
-  'popover',
-  'popup',
-  'progress-bar',
-  'radio-group',
-  'range-selector',
-  'range-slider',
-  'recurrence-editor',
-  'resizable',
-  'responsive-box',
-  'sankey',
-  'scheduler',
-  'scroll-view',
-  'select-box',
-  'slider',
-  'sortable',
-  'sparkline',
-  'speech-to-text',
-  'speed-dial-action',
-  'splitter',
-  'stepper',
-  'switch',
-  'tab-panel',
-  'tabs',
-  'tag-box',
-  'text-area',
-  'text-box',
-  'tile-view',
-  'toast',
-  'toolbar',
-  'tooltip',
-  'tree-list',
-  'tree-map',
-  'tree-view',
-  'validation-group',
-  'validation-summary',
-  'validator',
-  'vector-map',
-];
-
-window.exports = window.exports || {};
-window.config = {
-  transpiler: false,
-  meta: {
-    '*.ts': {
-      loader: 'demo-ts-loader',
-    },
-    'typescript': {
-      'exports': 'ts',
-    },
-    'anti-forgery': {
-      loader: 'demo-ts-loader',
-    },
-    /** unified */
-    'unified': {
-      loader: 'demo-ts-loader',
-    },
-    'remark-parse': {
-      loader: 'demo-ts-loader',
-    },
-    'remark-rehype': {
-      loader: 'demo-ts-loader',
-    },
-    'remark-stringify': {
-      loader: 'demo-ts-loader',
-    },
-    'rehype-parse': {
-      loader: 'demo-ts-loader',
-    },
-    'rehype-remark': {
-      loader: 'demo-ts-loader',
-    },
-    'rehype-stringify': {
-      loader: 'demo-ts-loader',
-    },
-    'rehype-minify-whitespace': {
-      loader: 'demo-ts-loader',
-    },
-    /**/
-    /** canvg */
-    'canvg': {
-      loader: 'demo-ts-loader',
-    },
-    /**/
-    /** devextreme-aspnet-data-nojquery */
-    'devextreme-aspnet-data-nojquery': {
-      'esModule': true,
-    },
-    /**/
-    /** vectormap */
-    'devextreme-dist/js/vectormap-data/*': {
-      'esModule': true,
-    },
-    /**/
-    'devextreme/time_zone_utils.js': {
-      'esModule': true,
-    },
-    'devextreme/localization.js': {
-      'esModule': true,
-    },
-    'devextreme/viz/palette.js': {
-      'esModule': true,
-    },
-    /** devextreme-exceljs-fork&file-saver */
-    'devextreme-exceljs-fork': {
-      'esModule': true,
-    },
-    /**/
-    '@angular/platform-browser-dynamic': {
-      'esModule': true,
-    },
-    '@angular/platform-browser': {
-      'esModule': true,
-    },
-    '@angular/core': {
-      'esModule': true,
-    },
-    '@angular/common': {
-      'esModule': true,
-    },
-    '@angular/common/http': {
-      'esModule': true,
-    },
-    '@angular/animations': {
-      'esModule': true,
-    },
-    '@angular/forms': {
-      'esModule': true,
-    },
-    'openai': {
-      'esModule': true,
-    },
-    'zod': {
-      'esModule': true,
-    },
-    'zod-to-json-schema': {
-      'esModule': true,
-    },
-  },
-  paths: {
-    'npm:': '../../../../node_modules/',
-    'bundles:': '../../../../bundles/',
-    'externals:': '../../../../bundles/externals/',
-    'anti-forgery:': '../../../../shared/anti-forgery/',
-    'loaders:': '../../../../shared/loaders/',
-  },
-  map: {
-    'anti-forgery': 'anti-forgery:fetch-override.js',
-    'demo-ts-loader': 'loaders:demo-ts-loader.js',
-    'demo-ts-shared': 'loaders:demo-ts-shared.js',
-    'typescript': 'npm:typescript/lib/typescript.js',
-    'jszip': 'npm:jszip/dist/jszip.min.js',
-
-    /* @angular */
-    '@angular/compiler': 'bundles:@angular/compiler.umd.js',
-    '@angular/platform-browser-dynamic': 'bundles:@angular/platform-browser-dynamic.umd.js',
-    '@angular/core': 'bundles:@angular/core.umd.js',
-    '@angular/core/primitives/signals': 'bundles:@angular/core.primitives.signals.umd.js',
-    '@angular/core/primitives/di': 'bundles:@angular/core.primitives.di.umd.js',
-    '@angular/common': 'bundles:@angular/common.umd.js',
-    '@angular/common/http': 'bundles:@angular/common-http.umd.js',
-    '@angular/platform-browser': 'bundles:@angular/platform-browser.umd.js',
-    '@angular/platform-browser/animations': 'bundles:@angular/platform-browser.umd.js',
-    '@angular/forms': 'bundles:@angular/forms.umd.js',
-
-    /* devextreme */
-    'devextreme': 'npm:devextreme/cjs',
-    'devextreme-quill': 'npm:devextreme-quill/dist/dx-quill.min.js',
-    'devexpress-diagram': 'npm:devexpress-diagram',
-    'devexpress-gantt': 'npm:devexpress-gantt',
-
-    /* devextreme-angular umd maps */
-    'devextreme-angular': 'bundles:devextreme-angular/devextreme-angular.umd.js',
-    'devextreme-angular/common/ai-integration': 'bundles:devextreme-angular/devextreme-angular-common-ai-integration.umd.js',
-    'devextreme-angular/core': 'bundles:devextreme-angular/devextreme-angular-core.umd.js',
-    'devextreme-angular/common/charts': 'bundles:devextreme-angular/devextreme-angular-common-charts.umd.js',
-    'devextreme-angular/common/core/animation': 'bundles:devextreme-angular/devextreme-angular-common-core-animation.umd.js',
-    'devextreme-angular/common/core/environment': 'bundles:devextreme-angular/devextreme-angular-common-core-environment.umd.js',
-    'devextreme-angular/common/core/events': 'bundles:devextreme-angular/devextreme-angular-common-core-events.umd.js',
-    'devextreme-angular/common/core/localization': 'bundles:devextreme-angular/devextreme-angular-common-core-localization.umd.js',
-    'devextreme-angular/common/core': 'bundles:devextreme-angular/devextreme-angular-common-core.umd.js',
-    'devextreme-angular/common/data/custom-store': 'bundles:devextreme-angular/devextreme-angular-common-data-custom-store.umd.js',
-    'devextreme-angular/common/data': 'bundles:devextreme-angular/devextreme-angular-common-data.umd.js',
-    'devextreme-angular/common/export/excel': 'bundles:devextreme-angular/devextreme-angular-common-export-excel.umd.js',
-    'devextreme-angular/common/export/pdf': 'bundles:devextreme-angular/devextreme-angular-common-export-pdf.umd.js',
-    'devextreme-angular/common/export': 'bundles:devextreme-angular/devextreme-angular-common-export.umd.js',
-    'devextreme-angular/common/grids': 'bundles:devextreme-angular/devextreme-angular-common-grids.umd.js',
-    'devextreme-angular/common': 'bundles:devextreme-angular/devextreme-angular-common.umd.js',
-    'devextreme-angular/http': 'bundles:devextreme-angular/devextreme-angular-http.umd.js',
-    'devextreme-angular/core/tokens': 'bundles:devextreme-angular/devextreme-angular-core-tokens.umd.js',
-    ...componentNames.reduce((acc, name) => {
-      acc[`devextreme-angular/ui/${name}`] = `bundles:devextreme-angular/devextreme-angular-ui-${name}.umd.js`;
-      acc[`devextreme-angular/ui/${name}/nested`] = `bundles:devextreme-angular/devextreme-angular-ui-${name}-nested.umd.js`;
-      return acc;
-    }, {}),
-
-    /** unified */
-    'unified': 'externals:unified/unified.bundle.js',
-    'remark-parse': 'externals:unified/remark-parse.bundle.js',
-    'remark-rehype': 'externals:unified/remark-rehype.bundle.js',
-    'remark-stringify': 'externals:unified/remark-stringify.bundle.js',
-    'rehype-parse': 'externals:unified/rehype-parse.bundle.js',
-    'rehype-remark': 'externals:unified/rehype-remark.bundle.js',
-    'rehype-stringify': 'externals:unified/rehype-stringify.bundle.js',
-    'rehype-minify-whitespace': 'externals:unified/rehype-minify-whitespace.bundle.js',
-    /**/
-
-    /** openai */
-    'openai': 'externals:openai.bundle.js',
-    /**/
-
-    'zod': 'externals:zod.bundle.js',
-    'zod-to-json-schema': 'externals:zod-to-json-schema.bundle.js',
-
-    'tslib': 'npm:tslib/tslib.js',
-    'rxjs': 'npm:rxjs/dist/bundles/rxjs.umd.js',
-    'rxjs/operators': 'npm:rxjs/dist/cjs/operators/index.js',
-
-    /** signalr */
-    '@aspnet/signalr': 'npm:@aspnet/signalr/dist/cjs/index.js',
-    /**/
-
-    /** devextreme-aspnet-data-nojquery */
-    'devextreme-aspnet-data-nojquery': 'npm:devextreme-aspnet-data-nojquery/index.js',
-    /**/
-
-    /** globalize */
-    'globalize': 'npm:globalize/dist/globalize',
-    'json': 'npm:systemjs-plugin-json/json.js',
-    'cldr': 'npm:cldrjs/dist/cldr',
-    /**/
-
-    /** devextreme-exceljs-fork&file-saver */
-    'devextreme-exceljs-fork': 'npm:devextreme-exceljs-fork/dist/dx-exceljs-fork.min.js',
-    'file-saver-es': 'npm:file-saver-es/dist/FileSaver.min.js',
-    /**/
-
-    /** jspdf */
-    'fflate': 'npm:fflate/esm/browser.js',
-    'jspdf': 'npm:jspdf/dist/jspdf.umd.min.js',
-    /**/
-
-    /** jspdf&jspdf-autotable */
-    'fflate': 'npm:fflate/esm/browser.js',
-    'jspdf': 'npm:jspdf/dist/jspdf.umd.min.js',
-    'jspdf-autotable': 'npm:jspdf-autotable/dist/jspdf.plugin.autotable.min.js',
-    /**/
-
-    /** devextreme-intl */
-    'json': 'npm:systemjs-plugin-json/json.js',
-    /**/
-
-    /** canvg */
-    'canvg': 'externals:canvg.bundle.js',
-    /**/
-
-    /** vectormap */
-    'devextreme-dist/js/vectormap-data': 'npm:devextreme-dist/js/vectormap-data',
-    /**/
-
-    'rrule': 'npm:rrule/dist/es5/rrule.js',
-    'luxon': 'npm:luxon/build/global/luxon.min.js',
-    'es6-object-assign': 'npm:es6-object-assign',
-
-    'inferno': 'npm:inferno/dist/inferno.min.js',
-    'inferno-compat': 'npm:inferno-compat/dist/inferno-compat.min.js',
-    'inferno-create-element': 'npm:inferno-create-element/dist/inferno-create-element.min.js',
-    'inferno-dom': 'npm:inferno-dom/dist/inferno-dom.min.js',
-    'inferno-hydrate': 'npm:inferno-hydrate/dist/inferno-hydrate.min.js',
-    'inferno-clone-vnode': 'npm:inferno-clone-vnode/dist/inferno-clone-vnode.min.js',
-    'inferno-create-class': 'npm:inferno-create-class/dist/inferno-create-class.min.js',
-    'inferno-extras': 'npm:inferno-extras/dist/inferno-extras.min.js',
-    '@preact/signals-core': 'npm:@preact/signals-core/dist/signals-core.min.js',
-
-    // Prettier
-    'prettier/standalone': 'npm:prettier/standalone.js',
-    'prettier/parser-html': 'npm:prettier/parser-html.js',
-
-    'zone.js': 'npm:zone.js/bundles/zone.umd.js',
-  },
-  packages: {
-    'app': {
-      main: './app.component.ts',
-      defaultExtension: 'ts',
-    },
-    'devextreme': {
-      defaultExtension: 'js',
-    },
-    'devextreme/events/utils': {
-      main: 'index',
-    },
-    'devextreme/common/core/events/utils': {
-      main: 'index',
-    },
-    'devextreme/events': {
-      main: 'index',
-    }/** globalize */,
-    'globalize': {
-      main: '../globalize.js',
-      defaultExtension: 'js',
-    },
-    'cldr': {
-      main: '../cldr.js',
-      defaultExtension: 'js',
-    }/**/,
-    'es6-object-assign': {
-      main: './index.js',
-      defaultExtension: 'js',
-    },
-    'rxjs': {
-      defaultExtension: 'js',
-    },
-    'rxjs/operators': {
-      defaultExtension: 'js',
-    },
-  },
-  packageConfigPaths: [
-    'npm:@devextreme/*/package.json',
-    'npm:rxjs/package.json',
-    'npm:rxjs/operators/package.json',
-    'npm:devexpress-diagram/package.json',
-    'npm:devexpress-gantt/package.json',
-
-    /** signalr */
-    'npm:@aspnet/*/package.json',
-    /**/
-  ],
-};
-
-window.process = {
-  env: {
-    NODE_ENV: 'production',
-  },
-};
-
-System.config(window.config);
-// eslint-disable-next-line no-console
-System.import('@angular/compiler').catch(console.error.bind(console));
-// eslint-disable-next-line
-const useTgzInCSB = ['openai'];
diff --git a/apps/demos/configs/Angular/tsconfig.json b/apps/demos/configs/Angular/tsconfig.json
deleted file mode 100644
index 628a58964c63..000000000000
--- a/apps/demos/configs/Angular/tsconfig.json
+++ /dev/null
@@ -1,15 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES2022",
-    "experimentalDecorators": true,
-    "esModuleInterop": true,
-    "ignoreDeprecations": "6.0",
-    "moduleResolution": "node",
-    "skipLibCheck": true,
-    "baseUrl": "./",
-    "paths": {
-      "@angular/*": [ "../../../../node_modules/@angular/*"]
-    },
-  },
-  "include": ["**/*", "../../../../utils/create-bundles/Angular/polyfill.ts"]
-}
diff --git a/apps/demos/configs/React/config.bundle.js b/apps/demos/configs/React/config.bundle.js
deleted file mode 100644
index 21ba8dc0190c..000000000000
--- a/apps/demos/configs/React/config.bundle.js
+++ /dev/null
@@ -1,78 +0,0 @@
-const bundleConfig = {
-  bundles: {
-    'devextreme.react.systemjs.js': [
-      'devextreme/*',
-      'devextreme/data/*',
-      'devextreme/data/odata/*',
-      'devextreme/animation/*',
-      'devextreme/core/*',
-      'devextreme/core/utils/*',
-      'devextreme/data/*',
-      'devextreme/data/odata/*',
-      'devextreme/events/*',
-      'devextreme/file_management/*',
-      'devextreme/framework/*',
-      'devextreme/integration/*',
-      'devextreme/localization/*',
-      'devextreme/localization/globalize/*',
-      'devextreme/mobile/*',
-      'devextreme/ui/*',
-      'devextreme/ui/html_editor/*',
-      'devextreme/ui/html_editor/converters/*',
-      'devextreme/ui/pivot_grid/*',
-      'devextreme/ui/speed_dial_action/*',
-      'devextreme/ui/toast/*',
-      'devextreme/viz/*',
-      'devextreme/viz/vector_map/*',
-      'devextreme/common/*',
-      'devextreme/common/ai-integration/*',
-      'devextreme/common/data/*',
-      'devextreme/common/data/odata/*',
-      'devextreme/common/export/*',
-      'devextreme/common/core/*',
-      'devextreme/common/core/animation/*',
-      'devextreme/common/core/environment/*',
-      'devextreme/common/core/events/*',
-      'devextreme/common/core/localization/*',
-      'devextreme/common/core/localization/globalize/*',
-      'devextreme-react/*',
-      'devextreme-react/common/*',
-      'devextreme-react/common/core/*',
-      'devextreme-react/common/export/*',
-      'devextreme-react/core/*',
-      'devexpress-gantt',
-      'devexpress-diagram',
-      'react/*',
-      'react-dom/*',
-    ],
-  },
-  map: {
-    'devextreme.react.systemjs.js': '../../../../bundles/devextreme.react.systemjs.js',
-    'devextreme/localization/messages': 'npm:devextreme/localization/messages',
-  },
-  packages: {
-    'react': {
-      defaultExtension: 'js',
-      main: '../../../../../node_modules/react/umd/react.development.js',
-    },
-    'react-dom': {
-      defaultExtension: 'js',
-      main: '../../../../../node_modules/react-dom/umd/react-dom.development.js',
-    },
-  },
-};
-
-System.config(bundleConfig);
-
-if (window.config) {
-  [
-    'devextreme',
-    'devextreme-react',
-    'devexpress-gantt',
-    'devexpress-diagram',
-    'react',
-    'react-dom',
-  ].forEach((pkg) => delete window.config.map[pkg]);
-
-  System.config(window.config);
-}
diff --git a/apps/demos/configs/React/config.js b/apps/demos/configs/React/config.js
deleted file mode 100644
index c352444c615c..000000000000
--- a/apps/demos/configs/React/config.js
+++ /dev/null
@@ -1,257 +0,0 @@
-window.exports = window.exports || {};
-window.config = {
-  transpiler: false,
-  meta: {
-    '*.ts': {
-      loader: 'demo-ts-loader',
-    },
-    '*.tsx': {
-      loader: 'demo-ts-loader',
-      typescriptOptions: {
-        jsx: 'react',
-      },
-    },
-    'typescript': {
-      'exports': 'ts',
-    },
-    'anti-forgery': {
-      loader: 'demo-ts-loader',
-    },
-    /** unified */
-    'unified': {
-      loader: 'demo-ts-loader',
-    },
-    'remark-parse': {
-      loader: 'demo-ts-loader',
-    },
-    'remark-rehype': {
-      loader: 'demo-ts-loader',
-    },
-    'remark-stringify': {
-      loader: 'demo-ts-loader',
-    },
-    'rehype-parse': {
-      loader: 'demo-ts-loader',
-    },
-    'rehype-remark': {
-      loader: 'demo-ts-loader',
-    },
-    'rehype-stringify': {
-      loader: 'demo-ts-loader',
-    },
-    'rehype-minify-whitespace': {
-      loader: 'demo-ts-loader',
-    },
-    /**/
-    /** canvg */
-    'canvg': {
-      loader: 'demo-ts-loader',
-    },
-    /**/
-    'react': {
-      'esModule': true,
-    },
-    'devextreme/time_zone_utils.js': {
-      'esModule': true,
-    },
-    'devextreme/localization.js': {
-      'esModule': true,
-    },
-    'devextreme/viz/palette.js': {
-      'esModule': true,
-    },
-    /** devextreme-aspnet-data-nojquery */
-    'devextreme-aspnet-data-nojquery': {
-      'esModule': true,
-    },
-    /**/
-    /** vectormap */
-    'devextreme-dist/js/vectormap-data/*': {
-      'esModule': true,
-    },
-    /**/
-    /** devextreme-exceljs-fork&file-saver */
-    'devextreme-exceljs-fork': {
-      'esModule': true,
-    },
-    /**/
-    'openai': {
-      'esModule': true,
-    },
-    'zod': {
-      'esModule': true,
-    },
-    'zod-to-json-schema': {
-      'esModule': true,
-    },
-  },
-  paths: {
-    'npm:': '../../../../node_modules/',
-    'bundles:': '../../../../bundles/',
-    'externals:': '../../../../bundles/externals/',
-    'anti-forgery:': '../../../../shared/anti-forgery/',
-    'loaders:': '../../../../shared/loaders/',
-  },
-  defaultExtension: 'js',
-  map: {
-    'anti-forgery': 'anti-forgery:fetch-override.js',
-    'demo-ts-loader': 'loaders:demo-ts-loader.js',
-    'demo-ts-shared': 'loaders:demo-ts-shared.js',
-    'typescript': 'npm:typescript/lib/typescript.js',
-    'jszip': 'npm:jszip/dist/jszip.min.js',
-    'react': 'npm:react/umd/react.development.js',
-    'react-dom': 'npm:react-dom/umd/react-dom.development.js',
-    'prop-types': 'npm:prop-types/prop-types.js',
-
-    /** signalr */
-    '@aspnet/signalr': 'npm:@aspnet/signalr/dist/cjs',
-    'tslib': 'npm:tslib/tslib.js',
-    /**/
-
-    /** devextreme-aspnet-data-nojquery */
-    'devextreme-aspnet-data-nojquery': 'npm:devextreme-aspnet-data-nojquery/index.js',
-    /**/
-
-    /** html-react-parser */
-    'html-react-parser': 'npm:html-react-parser/dist/html-react-parser.min.js',
-    /**/
-
-    /** globalize */
-    'globalize': 'npm:globalize/dist/globalize',
-    'json': 'npm:systemjs-plugin-json/json.js',
-    'cldr': 'npm:cldrjs/dist/cldr',
-    /**/
-
-    /** devextreme-exceljs-fork&file-saver */
-    'devextreme-exceljs-fork': 'npm:devextreme-exceljs-fork/dist/dx-exceljs-fork.min.js',
-    'file-saver-es': 'npm:file-saver-es/dist/FileSaver.min.js',
-    /**/
-
-    /** jspdf */
-    'fflate': 'npm:fflate/esm/browser.js',
-    'jspdf': 'npm:jspdf/dist/jspdf.umd.min.js',
-    /**/
-
-    /** jspdf&jspdf-autotable */
-    'fflate': 'npm:fflate/esm/browser.js',
-    'jspdf': 'npm:jspdf/dist/jspdf.umd.min.js',
-    'jspdf-autotable': 'npm:jspdf-autotable/dist/jspdf.plugin.autotable.min.js',
-    /**/
-
-    /** devextreme-intl */
-    'json': 'npm:systemjs-plugin-json/json.js',
-    /**/
-
-    /** canvg */
-    'canvg': 'externals:canvg.bundle.js',
-    /**/
-
-    /** whatwg-fetch */
-    'whatwg-fetch': 'npm:whatwg-fetch/fetch.js',
-    /**/
-
-    /** vectormap */
-    'devextreme-dist/js/vectormap-data': 'npm:devextreme-dist/js/vectormap-data',
-    /**/
-
-    'rrule': 'npm:rrule/dist/es5/rrule.js',
-    'luxon': 'npm:luxon/build/global/luxon.min.js',
-    'es6-object-assign': 'npm:es6-object-assign',
-
-    'devextreme': 'npm:devextreme/cjs',
-    'devextreme-react': 'npm:devextreme-react/cjs',
-
-    /** unified */
-    'unified': 'externals:unified/unified.bundle.js',
-    'remark-parse': 'externals:unified/remark-parse.bundle.js',
-    'remark-rehype': 'externals:unified/remark-rehype.bundle.js',
-    'remark-stringify': 'externals:unified/remark-stringify.bundle.js',
-    'rehype-parse': 'externals:unified/rehype-parse.bundle.js',
-    'rehype-remark': 'externals:unified/rehype-remark.bundle.js',
-    'rehype-stringify': 'externals:unified/rehype-stringify.bundle.js',
-    'rehype-minify-whitespace': 'externals:unified/rehype-minify-whitespace.bundle.js',
-    /**/
-
-    /** openai */
-    'openai': 'externals:openai.bundle.js',
-    /**/
-
-    'zod': 'externals:zod.bundle.js',
-    'zod-to-json-schema': 'externals:zod-to-json-schema.bundle.js',
-
-    'devextreme-quill': 'npm:devextreme-quill/dist/dx-quill.min.js',
-    'devexpress-diagram': 'npm:devexpress-diagram/dist/dx-diagram.js',
-    'devexpress-gantt': 'npm:devexpress-gantt/dist/dx-gantt.js',
-    'inferno': 'npm:inferno/dist/inferno.min.js',
-    'inferno-compat': 'npm:inferno-compat/dist/inferno-compat.min.js',
-    'inferno-create-element': 'npm:inferno-create-element/dist/inferno-create-element.min.js',
-    'inferno-dom': 'npm:inferno-dom/dist/inferno-dom.min.js',
-    'inferno-hydrate': 'npm:inferno-hydrate/dist/inferno-hydrate.min.js',
-    'inferno-clone-vnode': 'npm:inferno-clone-vnode/dist/inferno-clone-vnode.min.js',
-    'inferno-create-class': 'npm:inferno-create-class/dist/inferno-create-class.min.js',
-    'inferno-extras': 'npm:inferno-extras/dist/inferno-extras.min.js',
-    '@preact/signals-core': 'npm:@preact/signals-core/dist/signals-core.min.js',
-    'devextreme-cldr-data': 'npm:devextreme-cldr-data',
-
-    // Prettier
-    'prettier/standalone': 'npm:prettier/standalone.js',
-    'prettier/parser-html': 'npm:prettier/parser-html.js',
-  },
-  packages: {
-    'devextreme': {
-      defaultExtension: 'js',
-    },
-    'devextreme-react': {
-      main: 'index.js',
-    },
-    'devextreme-react/common': {
-      main: 'index.js',
-    },
-    'devextreme/events/utils': {
-      main: 'index',
-    },
-    'devextreme/common/core/events/utils': {
-      main: 'index',
-    },
-    'devextreme/localization/messages': {
-      format: 'json',
-      defaultExtension: 'json',
-    },
-    'devextreme/events': {
-      main: 'index',
-    }/** globalize */,
-    'devextreme-cldr-data': {
-      format: 'json',
-      defaultExtension: 'json',
-    }/**//** globalize */,
-    'globalize': {
-      main: '../globalize.js',
-      defaultExtension: 'js',
-    },
-    'cldr': {
-      main: '../cldr.js',
-      defaultExtension: 'js',
-    }/**//** signalr */,
-    '@aspnet/signalr': {
-      main: 'index.js',
-      defaultExtension: 'js',
-    }/**/,
-    'es6-object-assign': {
-      main: './index.js',
-      defaultExtension: 'js',
-    },
-  },
-  packageConfigPaths: [
-    'npm:@devextreme/*/package.json',
-  ],
-};
-
-window.process = {
-  env: {
-    NODE_ENV: 'production',
-  },
-};
-
-System.config(window.config);
-// eslint-disable-next-line
-const useTgzInCSB = ['openai'];
diff --git a/apps/demos/configs/React/tsconfig.json b/apps/demos/configs/React/tsconfig.json
deleted file mode 100644
index 3b8ad066e0ef..000000000000
--- a/apps/demos/configs/React/tsconfig.json
+++ /dev/null
@@ -1,10 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES2015",
-    "jsx": "react",
-    "moduleResolution": "bundler",
-    "esModuleInterop": true,
-    "allowImportingTsExtensions": true,
-    "noEmit": true
-  },
-}
diff --git a/apps/demos/configs/ReactJs/config.bundle.js b/apps/demos/configs/ReactJs/config.bundle.js
deleted file mode 100644
index 21ba8dc0190c..000000000000
--- a/apps/demos/configs/ReactJs/config.bundle.js
+++ /dev/null
@@ -1,78 +0,0 @@
-const bundleConfig = {
-  bundles: {
-    'devextreme.react.systemjs.js': [
-      'devextreme/*',
-      'devextreme/data/*',
-      'devextreme/data/odata/*',
-      'devextreme/animation/*',
-      'devextreme/core/*',
-      'devextreme/core/utils/*',
-      'devextreme/data/*',
-      'devextreme/data/odata/*',
-      'devextreme/events/*',
-      'devextreme/file_management/*',
-      'devextreme/framework/*',
-      'devextreme/integration/*',
-      'devextreme/localization/*',
-      'devextreme/localization/globalize/*',
-      'devextreme/mobile/*',
-      'devextreme/ui/*',
-      'devextreme/ui/html_editor/*',
-      'devextreme/ui/html_editor/converters/*',
-      'devextreme/ui/pivot_grid/*',
-      'devextreme/ui/speed_dial_action/*',
-      'devextreme/ui/toast/*',
-      'devextreme/viz/*',
-      'devextreme/viz/vector_map/*',
-      'devextreme/common/*',
-      'devextreme/common/ai-integration/*',
-      'devextreme/common/data/*',
-      'devextreme/common/data/odata/*',
-      'devextreme/common/export/*',
-      'devextreme/common/core/*',
-      'devextreme/common/core/animation/*',
-      'devextreme/common/core/environment/*',
-      'devextreme/common/core/events/*',
-      'devextreme/common/core/localization/*',
-      'devextreme/common/core/localization/globalize/*',
-      'devextreme-react/*',
-      'devextreme-react/common/*',
-      'devextreme-react/common/core/*',
-      'devextreme-react/common/export/*',
-      'devextreme-react/core/*',
-      'devexpress-gantt',
-      'devexpress-diagram',
-      'react/*',
-      'react-dom/*',
-    ],
-  },
-  map: {
-    'devextreme.react.systemjs.js': '../../../../bundles/devextreme.react.systemjs.js',
-    'devextreme/localization/messages': 'npm:devextreme/localization/messages',
-  },
-  packages: {
-    'react': {
-      defaultExtension: 'js',
-      main: '../../../../../node_modules/react/umd/react.development.js',
-    },
-    'react-dom': {
-      defaultExtension: 'js',
-      main: '../../../../../node_modules/react-dom/umd/react-dom.development.js',
-    },
-  },
-};
-
-System.config(bundleConfig);
-
-if (window.config) {
-  [
-    'devextreme',
-    'devextreme-react',
-    'devexpress-gantt',
-    'devexpress-diagram',
-    'react',
-    'react-dom',
-  ].forEach((pkg) => delete window.config.map[pkg]);
-
-  System.config(window.config);
-}
diff --git a/apps/demos/configs/ReactJs/config.js b/apps/demos/configs/ReactJs/config.js
deleted file mode 100644
index 5ecc285c972b..000000000000
--- a/apps/demos/configs/ReactJs/config.js
+++ /dev/null
@@ -1,273 +0,0 @@
-window.exports = window.exports || {};
-window.config = {
-  transpiler: false,
-  meta: {
-    'demo-ts-loader': {
-      loader: false,
-    },
-    'demo-ts-shared': {
-      loader: false,
-    },
-    'typescript': {
-      exports: 'ts',
-      loader: false,
-    },
-    'anti-forgery': {
-      loader: 'demo-ts-loader',
-    },
-    /** unified */
-    'unified': {
-      loader: 'demo-ts-loader',
-    },
-    'remark-parse': {
-      loader: 'demo-ts-loader',
-    },
-    'remark-rehype': {
-      loader: 'demo-ts-loader',
-    },
-    'remark-stringify': {
-      loader: 'demo-ts-loader',
-    },
-    'rehype-parse': {
-      loader: 'demo-ts-loader',
-    },
-    'rehype-remark': {
-      loader: 'demo-ts-loader',
-    },
-    'rehype-stringify': {
-      loader: 'demo-ts-loader',
-    },
-    'rehype-minify-whitespace': {
-      loader: 'demo-ts-loader',
-    },
-    /**/
-    /** canvg */
-    'canvg': {
-      loader: 'demo-ts-loader',
-    },
-    /**/
-    'react': {
-      loader: false,
-      esModule: true,
-    },
-    'react-dom': {
-      loader: false,
-      esModule: true,
-    },
-    'prop-types': {
-      loader: false,
-    },
-    'devextreme/time_zone_utils.js': {
-      'esModule': true,
-    },
-    'devextreme/localization.js': {
-      'esModule': true,
-    },
-    'devextreme/viz/palette.js': {
-      'esModule': true,
-    },
-    /** devextreme-aspnet-data-nojquery */
-    'devextreme-aspnet-data-nojquery': {
-      'esModule': true,
-    },
-    /**/
-    /** vectormap */
-    'devextreme-dist/js/vectormap-data/*': {
-      'esModule': true,
-    },
-    /**/
-    /** devextreme-exceljs-fork&file-saver */
-    'devextreme-exceljs-fork': {
-      'esModule': true,
-    },
-    /**/
-    'openai': {
-      'esModule': true,
-    },
-    'zod': {
-      'esModule': true,
-    },
-    'zod-to-json-schema': {
-      'esModule': true,
-    },
-  },
-  paths: {
-    'npm:': '../../../../node_modules/',
-    'bundles:': '../../../../bundles/',
-    'externals:': '../../../../bundles/externals/',
-    'anti-forgery:': '../../../../shared/anti-forgery/',
-    'loaders:': '../../../../shared/loaders/',
-  },
-  defaultExtension: 'js',
-  map: {
-    'anti-forgery': 'anti-forgery:fetch-override.js',
-    'demo-ts-loader': 'loaders:demo-ts-loader.js',
-    'demo-ts-shared': 'loaders:demo-ts-shared.js',
-    'typescript': 'npm:typescript/lib/typescript.js',
-    'jszip': 'npm:jszip/dist/jszip.min.js',
-    'react': 'npm:react/umd/react.development.js',
-    'react-dom': 'npm:react-dom/umd/react-dom.development.js',
-    'prop-types': 'npm:prop-types/prop-types.js',
-
-    /** signalr */
-    '@aspnet/signalr': 'npm:@aspnet/signalr/dist/cjs',
-    'tslib': 'npm:tslib/tslib.js',
-    /**/
-
-    /** devextreme-aspnet-data-nojquery */
-    'devextreme-aspnet-data-nojquery': 'npm:devextreme-aspnet-data-nojquery/index.js',
-    /**/
-
-    /** html-react-parser */
-    'html-react-parser': 'npm:html-react-parser/dist/html-react-parser.min.js',
-    /**/
-
-    /** globalize */
-    'globalize': 'npm:globalize/dist/globalize',
-    'json': 'npm:systemjs-plugin-json/json.js',
-    'cldr': 'npm:cldrjs/dist/cldr',
-    /**/
-
-    /** devextreme-exceljs-fork&file-saver */
-    'devextreme-exceljs-fork': 'npm:devextreme-exceljs-fork/dist/dx-exceljs-fork.min.js',
-    'file-saver-es': 'npm:file-saver-es/dist/FileSaver.min.js',
-    /**/
-
-    /** jspdf */
-    'fflate': 'npm:fflate/esm/browser.js',
-    'jspdf': 'npm:jspdf/dist/jspdf.umd.min.js',
-    /**/
-
-    /** jspdf&jspdf-autotable */
-    'fflate': 'npm:fflate/esm/browser.js',
-    'jspdf': 'npm:jspdf/dist/jspdf.umd.min.js',
-    'jspdf-autotable': 'npm:jspdf-autotable/dist/jspdf.plugin.autotable.min.js',
-    /**/
-
-    /** devextreme-intl */
-    'json': 'npm:systemjs-plugin-json/json.js',
-    /**/
-
-    /** canvg */
-    'canvg': 'externals:canvg.bundle.js',
-    /**/
-
-    /** whatwg-fetch */
-    'whatwg-fetch': 'npm:whatwg-fetch/fetch.js',
-    /**/
-
-    /** vectormap */
-    'devextreme-dist/js/vectormap-data': 'npm:devextreme-dist/js/vectormap-data',
-    /**/
-
-    'rrule': 'npm:rrule/dist/es5/rrule.js',
-    'luxon': 'npm:luxon/build/global/luxon.min.js',
-    'es6-object-assign': 'npm:es6-object-assign',
-
-    'devextreme': 'npm:devextreme/cjs',
-    'devextreme-react': 'npm:devextreme-react/cjs',
-
-    /** unified */
-    'unified': 'externals:unified/unified.bundle.js',
-    'remark-parse': 'externals:unified/remark-parse.bundle.js',
-    'remark-rehype': 'externals:unified/remark-rehype.bundle.js',
-    'remark-stringify': 'externals:unified/remark-stringify.bundle.js',
-    'rehype-parse': 'externals:unified/rehype-parse.bundle.js',
-    'rehype-remark': 'externals:unified/rehype-remark.bundle.js',
-    'rehype-stringify': 'externals:unified/rehype-stringify.bundle.js',
-    'rehype-minify-whitespace': 'externals:unified/rehype-minify-whitespace.bundle.js',
-    /**/
-
-    /** openai */
-    'openai': 'externals:openai.bundle.js',
-    /**/
-
-    'zod': 'externals:zod.bundle.js',
-    'zod-to-json-schema': 'externals:zod-to-json-schema.bundle.js',
-
-    'devextreme-quill': 'npm:devextreme-quill/dist/dx-quill.min.js',
-    'devexpress-diagram': 'npm:devexpress-diagram/dist/dx-diagram.js',
-    'devexpress-gantt': 'npm:devexpress-gantt/dist/dx-gantt.js',
-    'inferno': 'npm:inferno/dist/inferno.min.js',
-    'inferno-compat': 'npm:inferno-compat/dist/inferno-compat.min.js',
-    'inferno-create-element': 'npm:inferno-create-element/dist/inferno-create-element.min.js',
-    'inferno-dom': 'npm:inferno-dom/dist/inferno-dom.min.js',
-    'inferno-hydrate': 'npm:inferno-hydrate/dist/inferno-hydrate.min.js',
-    'inferno-clone-vnode': 'npm:inferno-clone-vnode/dist/inferno-clone-vnode.min.js',
-    'inferno-create-class': 'npm:inferno-create-class/dist/inferno-create-class.min.js',
-    'inferno-extras': 'npm:inferno-extras/dist/inferno-extras.min.js',
-    '@preact/signals-core': 'npm:@preact/signals-core/dist/signals-core.min.js',
-    'devextreme-cldr-data': 'npm:devextreme-cldr-data',
-
-    // Prettier
-    'prettier/standalone': 'npm:prettier/standalone.js',
-    'prettier/parser-html': 'npm:prettier/parser-html.js',
-  },
-  packages: {
-    '.': {
-      meta: {
-        '*.js': {
-          loader: 'demo-ts-loader',
-          typescriptOptions: {
-            jsx: 'react',
-          },
-        },
-      },
-    },
-    'devextreme': {
-      defaultExtension: 'js',
-    },
-    'devextreme-react': {
-      main: 'index.js',
-    },
-    'devextreme-react/common': {
-      main: 'index.js',
-    },
-    'devextreme/events/utils': {
-      main: 'index',
-    },
-    'devextreme/common/core/events/utils': {
-      main: 'index',
-    },
-    'devextreme/localization/messages': {
-      format: 'json',
-      defaultExtension: 'json',
-    },
-    'devextreme/events': {
-      main: 'index',
-    }/** globalize */,
-    'devextreme-cldr-data': {
-      format: 'json',
-      defaultExtension: 'json',
-    }/**//** globalize */,
-    'globalize': {
-      main: '../globalize.js',
-      defaultExtension: 'js',
-    },
-    'cldr': {
-      main: '../cldr.js',
-      defaultExtension: 'js',
-    }/**//** signalr */,
-    '@aspnet/signalr': {
-      main: 'index.js',
-      defaultExtension: 'js',
-    }/**/,
-    'es6-object-assign': {
-      main: './index.js',
-      defaultExtension: 'js',
-    },
-  },
-  packageConfigPaths: [
-    'npm:@devextreme/*/package.json',
-  ],
-};
-
-window.process = {
-  env: {
-    NODE_ENV: 'production',
-  },
-};
-
-System.config(window.config);
-// eslint-disable-next-line
-const useTgzInCSB = ['openai'];
diff --git a/apps/demos/configs/Vue/config.bundle.js b/apps/demos/configs/Vue/config.bundle.js
deleted file mode 100644
index c0ae2b0b0be4..000000000000
--- a/apps/demos/configs/Vue/config.bundle.js
+++ /dev/null
@@ -1,63 +0,0 @@
-const bundleConfig = {
-  bundles: {
-    'devextreme.vue.systemjs.js': [
-      'devextreme/*',
-      'devextreme/data/*',
-      'devextreme/data/odata/*',
-      'devextreme/animation/*',
-      'devextreme/core/*',
-      'devextreme/core/utils/*',
-      'devextreme/data/*',
-      'devextreme/data/odata/*',
-      'devextreme/events/*',
-      'devextreme/file_management/*',
-      'devextreme/framework/*',
-      'devextreme/integration/*',
-      'devextreme/localization/*',
-      'devextreme/localization/globalize/*',
-      'devextreme/mobile/*',
-      'devextreme/ui/*',
-      'devextreme/ui/html_editor/*',
-      'devextreme/ui/html_editor/converters/*',
-      'devextreme/ui/pivot_grid/*',
-      'devextreme/ui/speed_dial_action/*',
-      'devextreme/ui/toast/*',
-      'devextreme/viz/*',
-      'devextreme/viz/vector_map/*',
-      'devextreme/common/*',
-      'devextreme/common/ai-integration/*',
-      'devextreme/common/data/*',
-      'devextreme/common/data/odata/*',
-      'devextreme/common/export/*',
-      'devextreme/common/core/*',
-      'devextreme/common/core/animation/*',
-      'devextreme/common/core/environment/*',
-      'devextreme/common/core/events/*',
-      'devextreme/common/core/localization/*',
-      'devextreme/common/core/localization/globalize/*',
-      'devextreme-vue/*',
-      'devextreme-vue/common/*',
-      'devextreme-vue/common/core/*',
-      'devextreme-vue/common/export/*',
-      'devextreme-vue/core/*',
-      'devexpress-gantt',
-      'devexpress-diagram',
-    ],
-  },
-  map: {
-    'devextreme.vue.systemjs.js': '../../../../bundles/devextreme.vue.systemjs.js',
-  },
-};
-
-System.config(bundleConfig);
-
-if (window.config) {
-  [
-    'devextreme',
-    'devextreme-vue',
-    'devexpress-gantt',
-    'devexpress-diagram',
-  ].forEach((pkg) => delete window.config.map[pkg]);
-
-  System.config(window.config);
-}
diff --git a/apps/demos/configs/Vue/config.js b/apps/demos/configs/Vue/config.js
deleted file mode 100644
index 22b3bb46ca5f..000000000000
--- a/apps/demos/configs/Vue/config.js
+++ /dev/null
@@ -1,263 +0,0 @@
-window.exports = window.exports || {};
-window.config = {
-  transpiler: false,
-  meta: {
-    '*.vue': {
-      loader: 'vue-loader',
-    },
-    '*.ts': {
-      loader: 'demo-ts-loader',
-    },
-    '*.svg': {
-      loader: 'svg-loader',
-    },
-    'typescript': {
-      'exports': 'ts',
-    },
-    'vue': {
-      format: 'global',
-      exports: 'Vue',
-      esModule: true,
-    },
-    'vuex': {
-      format: 'global',
-      exports: 'Vuex',
-      esModule: true,
-    },
-    'devextreme/time_zone_utils.js': {
-      'esModule': true,
-    },
-    'devextreme/localization.js': {
-      'esModule': true,
-    },
-    'devextreme/viz/palette.js': {
-      'esModule': true,
-    },
-    /** devextreme-aspnet-data-nojquery */
-    'devextreme-aspnet-data-nojquery': {
-      'esModule': true,
-    },
-    /**/
-    /** vectormap */
-    'devextreme-dist/js/vectormap-data/*': {
-      'esModule': true,
-    },
-    /**/
-    /** devextreme-exceljs-fork&file-saver */
-    'devextreme-exceljs-fork': {
-      'esModule': true,
-    },
-    /**/
-    'openai': {
-      'esModule': true,
-    },
-    'zod': {
-      'esModule': true,
-    },
-    'zod-to-json-schema': {
-      'esModule': true,
-    },
-    'anti-forgery': {
-      loader: 'demo-ts-loader',
-    },
-    /** unified */
-    'unified': {
-      loader: 'demo-ts-loader',
-    },
-    'remark-parse': {
-      loader: 'demo-ts-loader',
-    },
-    'remark-rehype': {
-      loader: 'demo-ts-loader',
-    },
-    'remark-stringify': {
-      loader: 'demo-ts-loader',
-    },
-    'rehype-parse': {
-      loader: 'demo-ts-loader',
-    },
-    'rehype-remark': {
-      loader: 'demo-ts-loader',
-    },
-    'rehype-stringify': {
-      loader: 'demo-ts-loader',
-    },
-    'rehype-minify-whitespace': {
-      loader: 'demo-ts-loader',
-    },
-    /**/
-    /** canvg */
-    'canvg': {
-      loader: 'demo-ts-loader',
-    },
-    /**/
-  },
-  paths: {
-    'project:': '../../../../',
-    'npm:': '../../../../node_modules/',
-    'bundles:': '../../../../bundles/',
-    'externals:': '../../../../bundles/externals/',
-    'anti-forgery:': '../../../../shared/anti-forgery/',
-    'loaders:': '../../../../shared/loaders/',
-  },
-  map: {
-    'anti-forgery': 'anti-forgery:fetch-override.js',
-    'vue': 'npm:vue/dist/vue.global.js',
-    '@vue/shared': 'npm:@vue/shared/dist/shared.cjs.prod.js',
-    'dx-systemjs-vue-browser': 'npm:dx-systemjs-vue-browser/index.js',
-    'demo-ts-loader': 'loaders:demo-ts-loader.js',
-    'demo-ts-shared': 'loaders:demo-ts-shared.js',
-    'vue-loader': 'loaders:demo-vue-loader.js',
-    'typescript': 'npm:typescript/lib/typescript.js',
-    'jszip': 'npm:jszip/dist/jszip.min.js',
-    'svg-loader': 'project:utils/svg-loader.js',
-
-    /** signalr */
-    '@aspnet/signalr': 'npm:@aspnet/signalr/dist/cjs',
-    'tslib': 'npm:tslib/tslib.js',
-    /**/
-
-    /** devextreme-aspnet-data-nojquery */
-    'devextreme-aspnet-data-nojquery': 'npm:devextreme-aspnet-data-nojquery/index.js',
-    /**/
-
-    /** globalize */
-    'globalize': 'npm:globalize/dist/globalize',
-    'json': 'npm:systemjs-plugin-json/json.js',
-    'cldr': 'npm:cldrjs/dist/cldr',
-    /**/
-
-    /** devextreme-exceljs-fork&file-saver */
-    'devextreme-exceljs-fork': 'npm:devextreme-exceljs-fork/dist/dx-exceljs-fork.min.js',
-    'file-saver-es': 'npm:file-saver-es/dist/FileSaver.min.js',
-    /**/
-
-    /** jspdf */
-    'fflate': 'npm:fflate/esm/browser.js',
-    'jspdf': 'npm:jspdf/dist/jspdf.umd.min.js',
-    /**/
-
-    /** jspdf&jspdf-autotable */
-    'fflate': 'npm:fflate/esm/browser.js',
-    'jspdf': 'npm:jspdf/dist/jspdf.umd.min.js',
-    'jspdf-autotable': 'npm:jspdf-autotable/dist/jspdf.plugin.autotable.min.js',
-    /**/
-
-    /** devextreme-intl */
-    'json': 'npm:systemjs-plugin-json/json.js',
-    /**/
-
-    /** canvg */
-    'canvg': 'externals:canvg.bundle.js',
-    /**/
-
-    /** whatwg-fetch */
-    'whatwg-fetch': 'npm:whatwg-fetch/fetch.js',
-    /**/
-
-    /** vectormap */
-    'devextreme-dist/js/vectormap-data': 'npm:devextreme-dist/js/vectormap-data',
-    /**/
-
-    'mitt': 'npm:mitt/dist/mitt.umd.js',
-
-    /** vuex */
-    'vuex': 'npm:vuex/dist/vuex.global.js',
-    /**/
-
-    'rrule': 'npm:rrule/dist/es5/rrule.js',
-    'luxon': 'npm:luxon/build/global/luxon.min.js',
-    'es6-object-assign': 'npm:es6-object-assign',
-
-    'devextreme': 'npm:devextreme/cjs',
-    'devextreme-vue': 'npm:devextreme-vue/cjs',
-
-    /** unified */
-    'unified': 'externals:unified/unified.bundle.js',
-    'remark-parse': 'externals:unified/remark-parse.bundle.js',
-    'remark-rehype': 'externals:unified/remark-rehype.bundle.js',
-    'remark-stringify': 'externals:unified/remark-stringify.bundle.js',
-    'rehype-parse': 'externals:unified/rehype-parse.bundle.js',
-    'rehype-remark': 'externals:unified/rehype-remark.bundle.js',
-    'rehype-stringify': 'externals:unified/rehype-stringify.bundle.js',
-    'rehype-minify-whitespace': 'externals:unified/rehype-minify-whitespace.bundle.js',
-    /**/
-
-    /** openai */
-    'openai': 'externals:openai.bundle.js',
-    /**/
-
-    'zod': 'externals:zod.bundle.js',
-    'zod-to-json-schema': 'externals:zod-to-json-schema.bundle.js',
-
-    'devextreme-quill': 'npm:devextreme-quill/dist/dx-quill.min.js',
-    'devexpress-diagram': 'npm:devexpress-diagram/dist/dx-diagram.js',
-    'devexpress-gantt': 'npm:devexpress-gantt/dist/dx-gantt.js',
-    'inferno': 'npm:inferno/dist/inferno.min.js',
-    'inferno-compat': 'npm:inferno-compat/dist/inferno-compat.min.js',
-    'inferno-create-element': 'npm:inferno-create-element/dist/inferno-create-element.min.js',
-    'inferno-dom': 'npm:inferno-dom/dist/inferno-dom.min.js',
-    'inferno-hydrate': 'npm:inferno-hydrate/dist/inferno-hydrate.min.js',
-    'inferno-clone-vnode': 'npm:inferno-clone-vnode/dist/inferno-clone-vnode.min.js',
-    'inferno-create-class': 'npm:inferno-create-class/dist/inferno-create-class.min.js',
-    'inferno-extras': 'npm:inferno-extras/dist/inferno-extras.min.js',
-    '@preact/signals-core': 'npm:@preact/signals-core/dist/signals-core.min.js',
-
-    // Prettier
-    'prettier/standalone': 'npm:prettier/standalone.js',
-    'prettier/parser-html': 'npm:prettier/parser-html.js',
-  },
-  packages: {
-    'devextreme-vue': {
-      main: 'index.js',
-    },
-    'devextreme-vue/common': {
-      main: 'index.js',
-    },
-    'devextreme': {
-      defaultExtension: 'js',
-    },
-    'devextreme/events/utils': {
-      main: 'index',
-    },
-    'devextreme/common/core/events/utils': {
-      main: 'index',
-    },
-    'devextreme/events': {
-      main: 'index',
-    }/** globalize */,
-    'devextreme-cldr-data': {
-      format: 'json',
-      defaultExtension: 'json',
-    },
-    'globalize': {
-      main: '../globalize.js',
-      defaultExtension: 'js',
-    },
-    'cldr': {
-      main: '../cldr.js',
-      defaultExtension: 'js',
-    }/**//** signalr */,
-    '@aspnet/signalr': {
-      main: 'index.js',
-      defaultExtension: 'js',
-    }/**/,
-    'es6-object-assign': {
-      main: './index.js',
-      defaultExtension: 'js',
-    },
-  },
-  packageConfigPaths: [
-    'npm:@devextreme/*/package.json',
-  ],
-};
-
-window.process = {
-  env: {
-    NODE_ENV: 'production',
-  },
-};
-
-System.config(window.config);
-// eslint-disable-next-line
-const useTgzInCSB = ['openai'];
diff --git a/apps/demos/configs/Vue/tsconfig.json b/apps/demos/configs/Vue/tsconfig.json
deleted file mode 100644
index 10baa560d09a..000000000000
--- a/apps/demos/configs/Vue/tsconfig.json
+++ /dev/null
@@ -1,10 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES2023",
-    "lib": ["es2023"],
-    "experimentalDecorators": true,
-    "esModuleInterop": true,
-    "moduleResolution": "node",
-    "ignoreDeprecations": "6.0"
-  }
-}
diff --git a/apps/demos/package.json b/apps/demos/package.json
index 43a56ae02144..5f59605a5908 100644
--- a/apps/demos/package.json
+++ b/apps/demos/package.json
@@ -45,7 +45,6 @@
         "devextreme-cldr-data": "1.0.3",
         "devextreme-exceljs-fork": "catalog:",
         "devextreme-quill": "catalog:",
-        "dx-systemjs-vue-browser": "1.1.2",
         "esbuild": "0.28.1",
         "esbuild-plugin-vue3": "0.3.2",
         "file-saver-es": "2.0.5",
@@ -77,8 +76,6 @@
         "rrule": "2.6.4",
         "rxjs": "7.8.2",
         "signalr": "2.4.3",
-        "systemjs": "0.19.41",
-        "systemjs-plugin-json": "0.3.0",
         "typescript": "~6.0.0",
         "unified": "10.1.2",
         "vue": "^3.3.4",
@@ -151,7 +148,6 @@
         "stylelint": "catalog:",
         "stylelint-config-recommended-vue": "1.6.1",
         "stylelint-config-standard": "38.0.0",
-        "systemjs-builder": "0.16.15",
         "testcafe": "catalog:",
         "testcafe-reporter-spec-time": "4.0.0",
         "ts-node": "10.9.2",
@@ -163,7 +159,6 @@
         "clean": "git clean -f -x -d",
         "add-demo": "node utils/interactive/add-demo.js",
         "link-repos": "node utils/interactive/link-repos.js",
-        "create-config": "node utils/internal/create-config.js",
         "launch-demo": "node utils/shell/server.js",
         "generate-ng-umd": "rollup -c ./rollup.ng.umd.config.mjs --silent",
         "generate-tgz-packages": "node utils/create-tgz-packages.js",
@@ -184,9 +179,6 @@
         "csp-check": "node utils/server/csp-check.js",
         "fix-lint": "prettier --write . && eslint --fix . && stylelint **/*.{css,vue} --fix",
         "prettier": "prettier",
-        "build-bundles": "node scripts/build-bundles.js",
-        "update-config": "node scripts/update-config.js",
-        "prepare-bundles": "pnpm run generate-devextreme-angular-umd && node scripts/build-bundles.js && pnpm run update-config",
         "convert-to-js": "ts-node ./utils/ts-to-js-converter/cli.ts",
         "create-typestat-cfg": "cd ./utils/internal && node ./create-typestat-cfg.js",
         "make-demos-bundle": "ts-node ./utils/create-bundles",
diff --git a/apps/demos/project.json b/apps/demos/project.json
index d2d2ba5b413d..cc1a4db40dfb 100644
--- a/apps/demos/project.json
+++ b/apps/demos/project.json
@@ -47,34 +47,6 @@
         "{projectRoot}/testing/artifacts"
       ]
     },
-    "prepare-bundles": {
-      "executor": "nx:run-commands",
-      "options": {
-        "commands": [
-          "pnpm run generate-devextreme-angular-umd",
-          "node scripts/build-bundles.js",
-          "node scripts/update-config.js"
-        ],
-        "parallel": false,
-        "cwd": "{projectRoot}"
-      },
-      "dependsOn": [
-        // "^build" uncomment me after migrating to PNPM
-      ],
-      "inputs": [
-        "default",
-        "{projectRoot}/scripts/**/*",
-        "{projectRoot}/utils/bundle/**/*",
-        "{projectRoot}/utils/internal/create-config.js",
-        "{projectRoot}/menuMeta.json",
-        "{projectRoot}/rollup.devextreme-angular.umd.config.mjs"
-      ],
-      "outputs": [
-        "{projectRoot}/bundles",
-        "{projectRoot}/Demos/**/config.js",
-        "{projectRoot}/Demos/**/tsconfig.json"
-      ]
-    },
     "lint-js": {
       "executor": "nx:run-script",
       "options": {
@@ -151,21 +123,16 @@
         "default",
         "{projectRoot}/scripts/**/*",
         "{projectRoot}/utils/shared/config-helper.js",
-        "{projectRoot}/utils/internal/create-config.js",
         "{projectRoot}/utils/copy-shared-resources/**/*",
         "{projectRoot}/menuMeta.json",
         "{projectRoot}/rollup.ng.umd.config.mjs",
         "{projectRoot}/rollup.devextreme-angular.umd.config.mjs",
         "{projectRoot}/rollup.external.bundles.config.mjs"
-      ],
-      "outputs": [
-        "{projectRoot}/Demos/**/config.js"
       ]
     }
   },
   "namedInputs": {
     "default": [
-      "{projectRoot}/configs/**/*",
       "{projectRoot}/data/**/*",
       "{projectRoot}/Demos/**/*",
       "{projectRoot}/images/**/*",
diff --git a/apps/demos/scripts/build-bundles.js b/apps/demos/scripts/build-bundles.js
deleted file mode 100644
index cada477770bf..000000000000
--- a/apps/demos/scripts/build-bundles.js
+++ /dev/null
@@ -1,20 +0,0 @@
-const { copyBundlesFolder, build } = require('../utils/bundle');
-
-async function main() {
-  copyBundlesFolder();
-  console.log('copy-bundles: done');
-
-  const frameworks = ['vue', 'angular', 'react'];
-  await Promise.all(frameworks.map(async (framework) => {
-    console.log(`bundle-${framework}: starting...`);
-    await build(framework);
-    console.log(`bundle-${framework}: done`);
-  }));
-
-  console.log('build-bundles: done');
-}
-
-main().catch((err) => {
-  console.error('build-bundles failed:', err);
-  process.exit(1);
-});
diff --git a/apps/demos/scripts/prepare-js-configs.js b/apps/demos/scripts/prepare-js-configs.js
index 6035ff20cb95..e5b33c0dc870 100644
--- a/apps/demos/scripts/prepare-js-configs.js
+++ b/apps/demos/scripts/prepare-js-configs.js
@@ -1,13 +1,7 @@
-const { join } = require('path');
 const { init } = require('../utils/shared/config-helper');
-const createConfig = require('../utils/internal/create-config');
 const { copyJsSharedResources } = require('../utils/copy-shared-resources/copy');
 
-const demosDir = join(__dirname, '..', 'Demos');
-
 init();
 copyJsSharedResources(() => {});
-createConfig.useBundles = false;
-createConfig.run(demosDir);
 
 console.log('prepare-js-configs: done');
diff --git a/apps/demos/scripts/update-config.js b/apps/demos/scripts/update-config.js
deleted file mode 100644
index 6379ee5fdc8a..000000000000
--- a/apps/demos/scripts/update-config.js
+++ /dev/null
@@ -1,9 +0,0 @@
-const { join } = require('path');
-const createConfig = require('../utils/internal/create-config');
-
-const demosDir = join(__dirname, '..', 'Demos');
-
-createConfig.useBundles = true;
-createConfig.run(demosDir);
-
-console.log('update-config: done');
diff --git a/apps/demos/shared/loaders/demo-ts-loader.js b/apps/demos/shared/loaders/demo-ts-loader.js
deleted file mode 100644
index 3f22ab2fe8de..000000000000
--- a/apps/demos/shared/loaders/demo-ts-loader.js
+++ /dev/null
@@ -1,19 +0,0 @@
-/* global System */
-
-const {
-  ensureTypeScript,
-  transpileToSystemRegister,
-} = require('demo-ts-shared');
-
-module.exports.translate = function translate(load) {
-  const parentName = load.name || load.address;
-
-  return ensureTypeScript(parentName).then((tsApi) => {
-    const globalOpts = (typeof System !== 'undefined' && System.typescriptOptions) || {};
-    const loadOpts = (load.metadata && load.metadata.typescriptOptions) || {};
-
-    load.metadata.format = 'register';
-
-    return transpileToSystemRegister(tsApi, load.source, loadOpts, globalOpts);
-  });
-};
diff --git a/apps/demos/shared/loaders/demo-ts-shared.js b/apps/demos/shared/loaders/demo-ts-shared.js
deleted file mode 100644
index 1694adb15119..000000000000
--- a/apps/demos/shared/loaders/demo-ts-shared.js
+++ /dev/null
@@ -1,78 +0,0 @@
-/* global ts, System */
-
-let typescriptLoadPromise;
-
-function ensureTypeScript(parentName) {
-  if (typeof ts !== 'undefined') {
-    return Promise.resolve(ts);
-  }
-
-  if (!typescriptLoadPromise) {
-    typescriptLoadPromise = new Promise((resolve, reject) => {
-      let scriptUrl;
-
-      try {
-        if (typeof System.normalizeSync !== 'function') {
-          throw new Error('System.normalizeSync is not available');
-        }
-        scriptUrl = System.normalizeSync('typescript', parentName);
-      } catch (err) {
-        reject(err);
-        return;
-      }
-
-      const script = document.createElement('script');
-      script.src = scriptUrl;
-      script.onload = () => {
-        if (typeof ts === 'undefined') {
-          reject(new Error('typescript.js did not define global ts'));
-          return;
-        }
-        resolve(ts);
-      };
-      script.onerror = () => reject(new Error(`Failed to load TypeScript from ${script.src}`));
-      document.head.appendChild(script);
-    });
-  }
-
-  return typescriptLoadPromise;
-}
-
-function getDemoTsCompilerOptions(tsApi, globalOpts = {}) {
-  return {
-    target: tsApi.ScriptTarget.ES2015,
-    module: tsApi.ModuleKind.System,
-    moduleResolution: tsApi.ModuleResolutionKind.Bundler,
-    emitDecoratorMetadata: true,
-    experimentalDecorators: true,
-    ignoreDeprecations: '6.0',
-    allowJs: true,
-    strict: false,
-    ...globalOpts,
-  };
-}
-
-function transpileToSystemRegister(tsApi, source, extraOpts = {}, globalOpts = {}) {
-  const compilerOptions = {
-    ...getDemoTsCompilerOptions(tsApi, globalOpts),
-    ...extraOpts,
-  };
-  const result = tsApi.transpileModule(source, { compilerOptions });
-
-  if (result.diagnostics && result.diagnostics.length) {
-    const errors = result.diagnostics
-      .filter((d) => d.category === tsApi.DiagnosticCategory.Error)
-      .map((d) => tsApi.flattenDiagnosticMessageText(d.messageText, '\n'));
-    if (errors.length) {
-      throw new Error(`TypeScript transpilation failed:\n${errors.join('\n')}`);
-    }
-  }
-
-  return result.outputText;
-}
-
-module.exports = {
-  ensureTypeScript,
-  getDemoTsCompilerOptions,
-  transpileToSystemRegister,
-};
diff --git a/apps/demos/shared/loaders/demo-vue-loader.js b/apps/demos/shared/loaders/demo-vue-loader.js
deleted file mode 100644
index 7826cc5bd10c..000000000000
--- a/apps/demos/shared/loaders/demo-vue-loader.js
+++ /dev/null
@@ -1,45 +0,0 @@
-/* global System, translateSFC */
-
-const {
-  ensureTypeScript,
-  getDemoTsCompilerOptions,
-} = require('demo-ts-shared');
-
-const DX_SYSTEMJS_VUE_BROWSER = 'npm:dx-systemjs-vue-browser/index.js';
-
-let translateSfcModulePromise;
-
-function ensureTranslateSFC() {
-  if (typeof translateSFC !== 'undefined') {
-    return Promise.resolve();
-  }
-
-  if (!translateSfcModulePromise) {
-    translateSfcModulePromise = System.import(DX_SYSTEMJS_VUE_BROWSER);
-  }
-
-  return translateSfcModulePromise.then(() => {
-    if (typeof translateSFC === 'undefined') {
-      throw new Error('dx-systemjs-vue-browser did not define translateSFC');
-    }
-  });
-}
-
-module.exports.translate = function translate(load) {
-  const parentName = load.name || load.address;
-
-  return ensureTypeScript(parentName)
-    .then((tsApi) => ensureTranslateSFC().then(() => {
-      const globalOpts = (typeof System !== 'undefined' && System.typescriptOptions) || {};
-      const loadOpts = (load.metadata && load.metadata.typescriptOptions) || {};
-      const compilerOptions = {
-        ...getDemoTsCompilerOptions(tsApi, globalOpts),
-        ...loadOpts,
-      };
-
-      load.source = translateSFC(load.source, true, { compilerOptions });
-      load.metadata.format = 'register';
-
-      return load.source;
-    }));
-};
diff --git a/apps/demos/utils/bundle/index.js b/apps/demos/utils/bundle/index.js
deleted file mode 100644
index 150f6ae0dc26..000000000000
--- a/apps/demos/utils/bundle/index.js
+++ /dev/null
@@ -1,304 +0,0 @@
-/* eslint-disable import/no-extraneous-dependencies */
-const path = require('path');
-const fs = require('fs-extra');
-const Builder = require('systemjs-builder');
-const babel = require('@babel/core');
-const url = require('url');
-
-const GRID_COMMON_STAR_IMPORT = 'exports.Grids = __importStar(require("./grids"));';
-
-const PRESET_ENV_DIR = path.dirname(require.resolve('@babel/preset-env/package.json'));
-const resolvePlugin = (name) => require.resolve(name, { paths: [PRESET_ENV_DIR] });
-const BABEL7_PREPASS_PLUGINS = [
-  '@babel/plugin-transform-nullish-coalescing-operator',
-  '@babel/plugin-transform-object-rest-spread',
-  '@babel/plugin-transform-optional-catch-binding',
-  '@babel/plugin-transform-optional-chaining',
-].map(resolvePlugin);
-
-// https://stackoverflow.com/questions/42412965/how-to-load-named-exports-with-systemjs/47108328
-const prepareModulesToNamedImport = () => {
-  const modules = [
-    'time_zone_utils.js',
-    'localization.js',
-    'viz/export.js',
-    'viz/core/export.js',
-    'viz/vector_map/projection.js',
-    'viz/palette.js',
-    'excel_exporter.js',
-    'pdf_exporter.js',
-    'time_zone_utils.js',
-    'devextreme/ui/dialog.js',
-    'common/charts.js',
-    'common/data.js',
-  ];
-
-  const paths = [
-    '../npm-scripts/npm-devextreme/cjs',
-    'node_modules/devextreme/cjs',
-  ];
-
-  const esModuleExport = 'exports.__esModule = true;';
-
-  paths.forEach((p) => {
-    modules.forEach((name) => {
-      const filePath = `${p}/${name}`;
-
-      if (fs.existsSync(filePath)) {
-        const fileText = fs.readFileSync(filePath, 'utf8');
-        if (fileText.search(esModuleExport) === -1) {
-          fs.appendFileSync(filePath, `\n ${esModuleExport}`);
-        }
-      }
-    });
-  });
-};
-
-const getDefaultBuilderConfig = (framework, additionPaths, map) => ({
-  defaultExtension: false,
-  defaultJSExtensions: 'js',
-  packages: {
-    'devextreme/common/core/events/utils': {
-      main: 'index',
-    },
-    'devextreme/events/utils': {
-      main: 'index',
-    },
-    'devextreme/events': {
-      main: 'index',
-    },
-  },
-  map,
-  meta: {
-    '*': {
-      build: false,
-      transpile: true,
-    },
-    'devextreme/*': {
-      build: true,
-    },
-    'devexpress-gantt': {
-      build: true,
-    },
-    'devexpress-diagram': {
-      build: true,
-    },
-    [`devextreme-${framework}/*`]: {
-      build: true,
-      main: 'index.js',
-    },
-  },
-  paths: {
-    'devextreme/*': 'node_modules/devextreme/cjs/*',
-    'devexpress-gantt': 'node_modules/devexpress-gantt/dist/dx-gantt.min.js',
-    'devexpress-diagram': 'node_modules/devexpress-diagram/dist/dx-diagram.min.js',
-    [`devextreme-${framework}/*`]: `node_modules/devextreme-${framework}/${['react', 'vue'].includes(framework) ? 'cjs/*' : '*'}`,
-    ...additionPaths,
-  },
-});
-
-const prepareDevextremexAngularFiles = () => {
-  const dxNgBaseDir = path.resolve('node_modules/devextreme-angular/bundles');
-
-  try {
-    fs.rmSync(dxNgBaseDir, { recursive: true });
-  } catch { /* NOOP */ }
-
-  try {
-    fs.mkdirSync('node_modules/devextreme-angular/bundles');
-    console.log(`Directory ${dxNgBaseDir} CLEANED successfully`);
-  } catch { /* NOOP */ }
-
-  fs.copySync('./bundles/devextreme-angular', 'node_modules/devextreme-angular/bundles');
-  console.log('Copy devextreme-angular files to node_modules/devextreme-angular/bundles completed!');
-};
-
-const prepareConfigs = (framework) => {
-  // eslint-disable-next-line import/no-dynamic-require,global-require
-  const currentPackage = require(`devextreme-${framework}/package.json`);
-
-  let additionPackage = [];
-  let packages = [];
-  let additionPaths = {};
-  let modulesMap = {};
-
-  let main = `devextreme-${framework}/index.js`;
-  let minify = true;
-
-  if (framework === 'angular') {
-    additionPackage = [{
-      name: 'rxjs/*',
-      metaValue: {
-        build: true,
-      },
-      pathValue: 'node_modules/rxjs/*',
-    }];
-
-    packages = [
-      'rxjs/dist/cjs/index.js',
-      'rxjs/dist/cjs/operators/index.js',
-    ];
-
-    if (currentPackage.module?.startsWith('fesm2022')) {
-      main = `devextreme-${framework}`;
-      minify = false;
-
-      prepareDevextremexAngularFiles();
-
-      const bundlesRoot = 'node_modules/devextreme-angular/bundles';
-
-      const componentNames = fs.readdirSync(bundlesRoot)
-        .filter((fileName) => fileName.indexOf('umd.js') !== -1)
-        .filter((fileName) => fileName.indexOf('devextreme-angular-ui') === 0)
-        .map((fileName) => fileName.replace('devextreme-angular-ui-', '').replace('.umd.js', ''));
-
-      additionPaths = {
-        'devextreme-angular': `${bundlesRoot}/devextreme-angular.umd.js`,
-        'devextreme-angular/core': `${bundlesRoot}/devextreme-angular-core.umd.js`,
-        'devextreme-angular/core/tokens': `${bundlesRoot}/devextreme-angular-core-tokens.umd.js`,
-        ...componentNames.reduce((items, item) => {
-          items[`devextreme-angular/ui/${item.replace('-nested', '/nested')}`] = `${bundlesRoot}/devextreme-angular-ui-${item}.umd.js`;
-          return items;
-        }, {}),
-      };
-
-      modulesMap = {
-        ...componentNames.reduce((items, item) => {
-          items[`devextreme-angular/ui/${item.replace('-nested', '/nested')}`] = `${bundlesRoot}/devextreme-angular-ui-${item}.umd.js`;
-          return items;
-        }, {}),
-      };
-    }
-  }
-
-  if (framework === 'react') {
-    additionPackage = [{
-      name: 'react/*',
-      metaValue: {
-        build: true,
-        esModule: true,
-      },
-      pathValue: 'node_modules/react/*',
-    }, {
-      name: 'react-dom/*',
-      metaValue: {
-        build: true,
-      },
-      pathValue: 'node_modules/react-dom/*',
-    }];
-
-    additionPaths = {
-      'devextreme/localization/messages/*': 'node_modules/devextreme/localization/messages/*',
-    };
-
-    packages = [
-      'react/umd/react.development.js',
-      'react-dom/umd/react-dom.development.js',
-    ];
-  }
-
-  if (['react', 'vue'].includes(framework)) {
-    const commonDir = path.join(process.cwd(), 'node_modules', `devextreme-${framework}`, 'cjs', 'common');
-
-    if (fs.existsSync(commonDir)) {
-      const collectJsExceptIndex = (dir, prefix = '') => {
-        const names = fs.readdirSync(dir, { withFileTypes: true });
-
-        for (const ent of names) {
-          const rel = prefix ? `${prefix}/${ent.name}` : ent.name;
-
-          if (ent.isDirectory()) {
-            collectJsExceptIndex(path.join(dir, ent.name), rel);
-          } else if (ent.isFile() && ent.name.endsWith('.js') && ent.name !== 'index.js') {
-            packages.push(`devextreme-${framework}/common/${rel}`);
-          }
-        }
-      };
-
-      collectJsExceptIndex(commonDir);
-    }
-  }
-
-  const builderConfig = getDefaultBuilderConfig(framework, additionPaths, modulesMap);
-
-  additionPackage.forEach((p) => {
-    builderConfig.meta[p.name] = p.metaValue;
-    builderConfig.paths[p.name] = p.pathValue;
-  });
-
-  packages.push(
-    'devextreme/bundles/dx.custom.config.js',
-    main,
-  );
-
-  return {
-    builderConfig,
-    packages: packages.join(' + '),
-    bundlePath: `bundles/devextreme.${framework}.systemjs.js`,
-    bundleOpts: {
-      minify,
-      uglify: { mangle: true },
-      async fetch(load, fetch) {
-        if (load?.metadata?.transpile) {
-          // access to path-specific meta if required: load?.metadata?.babelOptions
-          const babelOptions = {
-            plugins: BABEL7_PREPASS_PLUGINS,
-          };
-
-          // This auto-generated runtime import is useless because grid.js exports only types,
-          // but System.js transpiles this import into code that crashes when triggered in a Demo.
-          const removeImportTranspiledToCrashingCode = (result) => {
-            if (result.code.includes(GRID_COMMON_STAR_IMPORT)) {
-              result.code = result.code.replace(GRID_COMMON_STAR_IMPORT, '');
-            }
-          };
-
-          return new Promise((resolve, reject) => {
-            // systemjs-builder uses babel 6, so we use babel 7 here for transpiling ES2020
-            babel.transformFile(url.fileURLToPath(load.name), babelOptions, (err, result) => {
-              if (err) {
-                console.error(`Babel 7 pre-pass failed for ${load.name}: ${err}`);
-                reject(err);
-              } else {
-                removeImportTranspiledToCrashingCode(result);
-                resolve(result.code);
-              }
-            });
-          });
-        }
-        return fetch(load);
-      },
-    },
-  };
-};
-
-const build = async (framework) => {
-  const builder = new Builder();
-  prepareModulesToNamedImport();
-
-  const {
-    builderConfig, packages, bundlePath, bundleOpts,
-  } = prepareConfigs(framework);
-
-  builder.config(builderConfig);
-
-  try {
-    await builder.bundle(packages, bundlePath, bundleOpts);
-  } catch (err) {
-    console.error(`Build ${framework} error `, err);
-    process.exit(1);
-  }
-};
-
-const copyBundlesFolder = () => {
-  const dxPath = path.join(process.cwd(), 'node_modules', 'devextreme');
-  const dxBundlesPath = path.join(dxPath, 'bundles');
-  const dxCjsBundlesPath = path.join(dxPath, 'cjs', 'bundles');
-
-  fs.copySync(dxBundlesPath, dxCjsBundlesPath, { overwrite: true });
-};
-
-module.exports = {
-  copyBundlesFolder,
-  build,
-};
diff --git a/apps/demos/utils/internal/create-config.js b/apps/demos/utils/internal/create-config.js
deleted file mode 100644
index 94c1b8ace9b3..000000000000
--- a/apps/demos/utils/internal/create-config.js
+++ /dev/null
@@ -1,158 +0,0 @@
-const path = require('path');
-const fs = require('fs');
-const meta = require('../../menuMeta.json');
-
-class CreateConfig {
-  constructor() {
-    this.configDir = path.join(__dirname, '..', '..', 'configs');
-
-    this.approaches = ['Angular', 'React', 'ReactJs', 'Vue'];
-
-    this.meta = meta;
-
-    this.useBundles = false;
-  }
-
-  getKey(widget, name) {
-    return `${widget}--${name}`.toLowerCase();
-  }
-
-  unique(array) {
-    return array.filter((value, index, that) => that.indexOf(value) === index);
-  }
-
-  getDemoKey(approach, modulesList) {
-    return approach + modulesList.replace(/[\W]/g, '');
-  }
-
-  removeEmptyLines(content) {
-    return content.replace(/(^\s*[\r\n])/gm, '');
-  }
-
-  removeModules(content, exceptions) {
-    const moduleRegex = /\/\*\*\s*(.*?)\s*\*\/([\w\W]*?)\/\*\*\//g;
-    const handler = (_, moduleName, moduleContent) => (exceptions.indexOf(moduleName) >= 0 ? moduleContent : '');
-    return content.replace(moduleRegex, handler);
-  }
-
-  getConfigContent(approach, modulesString) {
-    const modules = modulesString.replace(/\s/g, '').split(',');
-    let baseContent = '';
-
-    baseContent += fs.readFileSync(path.join(this.configDir, approach, 'config.js'), 'utf8');
-    if (this.useBundles) {
-      // removes ending non bundle config.js call, config.bundle.js calls its own (single per merged file)
-      baseContent = baseContent.replace('System.config(window.config);', '');
-      if (approach === 'Angular') {
-        // removes ending non bundle Angular call, config.bundle.js calls its own (single per merged file)
-        baseContent = baseContent.replace('System.import(\'@angular/compiler\').catch(console.error.bind(console));', '');
-      }
-      baseContent += fs.readFileSync(path.join(this.configDir, approach, 'config.bundle.js'), 'utf8');
-    }
-
-    return this.removeEmptyLines(this.removeModules(baseContent, modules));
-  }
-
-  getDemosWithExtraModules() {
-    const result = {};
-
-    const handleGroup = (group) => {
-      if (group.Demos) {
-        group.Demos.forEach((demo) => {
-          if (demo.Modules) result[this.getKey(demo.Widget, demo.Name)] = demo.Modules;
-        });
-      } else if (group.Groups) {
-        group.Groups.forEach(handleGroup);
-      }
-    };
-
-    this.meta.forEach((section) => {
-      if (section.Groups) {
-        section.Groups.forEach((group) => {
-          if (group.Groups) {
-            group.Groups.forEach(handleGroup);
-          }
-          handleGroup(group);
-        });
-      }
-    });
-    return result;
-  }
-
-  createConfigFilesContent(demos) {
-    const result = {};
-    const uniqueConfigurations = this.unique(Object.values(demos));
-    uniqueConfigurations.push(''); // default config has no modules
-
-    uniqueConfigurations.forEach((modulesList) => {
-      this.approaches.forEach((approach) => {
-        result[this.getDemoKey(approach, modulesList)] = this.getConfigContent(
-          approach,
-          modulesList,
-        );
-      });
-    });
-
-    return result;
-  }
-
-  createConfigForApproaches(
-    fullDemoName,
-    widgetName,
-    demoName,
-    extraModulesDemos,
-    approachesConfigContent,
-  ) {
-    this.approaches.forEach((approach) => {
-      const demoApproachName = path.join(fullDemoName, approach);
-      if (!fs.existsSync(demoApproachName)) return;
-
-      const demoConfigName = path.join(demoApproachName, 'config.js');
-      if (fs.existsSync(demoConfigName)) {
-        fs.unlinkSync(demoConfigName);
-      }
-
-      const demoModulesList = extraModulesDemos[this.getKey(widgetName, demoName)] || '';
-      fs.writeFileSync(demoConfigName, approachesConfigContent[this.getDemoKey(approach, demoModulesList)], 'utf8');
-    });
-  }
-
-  copyTsConfigForApproaches(fullDemoName) {
-    this.approaches.forEach((approach) => {
-      if (approach === 'ReactJs' || !fs.existsSync(path.join(fullDemoName, approach))) return;
-      const approachConfigPath = path.join(this.configDir, approach, 'tsconfig.json');
-      const demoConfigPath = path.join(fullDemoName, approach, 'tsconfig.json');
-      fs.copyFileSync(approachConfigPath, demoConfigPath);
-    });
-  }
-
-  run(demosDir) {
-    const demosWithExtraModules = this.getDemosWithExtraModules();
-    const configContent = this.createConfigFilesContent(demosWithExtraModules);
-    const widgetNames = fs.readdirSync(demosDir);
-
-    widgetNames.forEach((widgetName) => {
-      const fullWidgetName = path.join(demosDir, widgetName);
-      if (!fs.statSync(fullWidgetName).isDirectory()) return;
-
-      const demoNames = fs.readdirSync(fullWidgetName);
-
-      demoNames.forEach((demoName) => {
-        const fullDemoName = path.join(fullWidgetName, demoName);
-        if (!fs.statSync(fullDemoName).isDirectory()) return;
-
-        this.createConfigForApproaches(
-          fullDemoName,
-          widgetName,
-          demoName,
-          demosWithExtraModules,
-          configContent,
-        );
-
-        this.copyTsConfigForApproaches(fullDemoName);
-      });
-    });
-  }
-}
-
-module.exports = new CreateConfig();
diff --git a/apps/demos/utils/svg-loader.js b/apps/demos/utils/svg-loader.js
deleted file mode 100644
index 8287ac33582b..000000000000
--- a/apps/demos/utils/svg-loader.js
+++ /dev/null
@@ -1 +0,0 @@
-module.exports.translate = (data) => `module.exports = {default: \`data:image/svg+xml;base64,${btoa(data.source)}\`}`;
diff --git a/patches/babel-core@6.26.3.patch b/patches/babel-core@6.26.3.patch
deleted file mode 100644
index 617b3979c165..000000000000
--- a/patches/babel-core@6.26.3.patch
+++ /dev/null
@@ -1,22 +0,0 @@
-diff --git a/lib/transformation/internal-plugins/shadow-functions.js b/lib/transformation/internal-plugins/shadow-functions.js
-index e7f8739c31b4e079730a15e738ad864dbc458502..3ca4861b941c594e9500dcd6c0380f5dea7379cc 100644
---- a/lib/transformation/internal-plugins/shadow-functions.js
-+++ b/lib/transformation/internal-plugins/shadow-functions.js
-@@ -58,7 +58,7 @@ function shouldShadow(path, shadowPath) {
- }
- 
- function remap(path, key) {
--  var shadowPath = path.inShadow(key);
-+  var shadowPath = typeof path.inShadow === 'function' ? path.inShadow(key) : false;
-   if (!shouldShadow(path, shadowPath)) return;
- 
-   var shadowFunction = path.node._shadowedFunctionLiteral;
-@@ -83,7 +83,7 @@ function remap(path, key) {
-       if (shadowFunction) {
-         if (innerPath === shadowFunction || innerPath.node === shadowFunction.node) return true;
-       } else {
--        if (!innerPath.is("shadow")) return true;
-+        if (typeof innerPath.is !== 'function' || !innerPath.is("shadow")) return true;
-       }
- 
-       passedShadowFunction = true;
diff --git a/patches/systemjs-builder@0.16.15.patch b/patches/systemjs-builder@0.16.15.patch
deleted file mode 100644
index 35494d1f73b9..000000000000
--- a/patches/systemjs-builder@0.16.15.patch
+++ /dev/null
@@ -1,143 +0,0 @@
-diff --git a/lib/output.js b/lib/output.js
-index 18999ece8f59ff4f7f94b70244f8080dcc9b8da5..99749e9c67be7848f7e9629a0a10ec27c9300636 100644
---- a/lib/output.js
-+++ b/lib/output.js
-@@ -9,17 +9,6 @@ var terser = require('terser');
- var fromFileURL = require('./utils').fromFileURL;
- var toFileURL = require('./utils').toFileURL;
- 
--// Ugly hack to get around terser's strange code loading and export system
--// (inherited from uglify-js), and the fact that their SourceMap wrapper is
--// not exported
--var TerserSourceMap = new Function('MOZ_SourceMap', "exports", "require", function() {
--  var code = ['terser/lib/utils.js', 'terser/lib/sourcemap.js'].map(function(file) {
--    return fs.readFileSync(require.resolve(file), 'utf8');
--  });
--  code.push('return SourceMap;');
--  return code.join('\n');
--}())(require('source-map'), terser, require);
--
- function countLines(str) {
-   return str.split(/\r\n|\r|\n/).length;
- }
-@@ -84,48 +73,43 @@ function createOutput(outFile, outputs, basePath, sourceMaps, sourceMapContents)
- }
- 
- function minify(output, fileName, mangle, uglifyOpts) {
--  var files = {};
--  files[fileName] = output.source;
--  var result;
--  try{
--    result = terser.minify(files, {
--      parse: {},
--      compress: uglifyOpts.compress,
--      mangle: mangle,
--      output: { ast: true, code: false }
--    });
--  } catch(e){
--    throw new Error(e);
--  }
--
--  if (result.error) {
--    throw new Error(result.error);
--  }
--
--  var ast = result.ast;
-+  uglifyOpts = uglifyOpts || {};
- 
--  var sourceMap;
-+  var sourceMapConfig = false;
-   if (output.sourceMap) {
--    if (typeof output.sourceMap === 'string')
--      output.sourceMap = JSON.parse(output.sourceMap);
--
--    sourceMap = TerserSourceMap({
--      file: fileName,
--      orig: output.sourceMap
--    });
-+    var mapContent = output.sourceMap;
-+    if (typeof mapContent !== 'string')
-+      mapContent = JSON.stringify(mapContent);
-+
-+    sourceMapConfig = {
-+      filename: fileName,
-+      content: mapContent,
-+    };
-   }
- 
--  var outputOptions = uglifyOpts.beautify;
--  // keep first comment
--  outputOptions.comments = outputOptions.comments || function(node, comment) {
-+  var formatOptions = uglifyOpts.beautify || uglifyOpts.output || {};
-+  var comments = formatOptions.comments || function(_node, comment) {
-     return comment.line === 1 && comment.col === 0;
-   };
--  outputOptions.source_map = sourceMap;
- 
--  output.source = ast.print_to_string(outputOptions);
--  output.sourceMap = sourceMap;
-+  return Promise.resolve(terser.minify(output.source, {
-+    compress: uglifyOpts.compress,
-+    mangle: mangle,
-+    sourceMap: sourceMapConfig,
-+    format: extend({
-+      comments: comments,
-+    }, formatOptions),
-+  })).then(function(result) {
-+    if (result.error)
-+      throw new Error(result.error);
-+
-+    output.source = result.code;
- 
--  return output;
-+    if (result.map)
-+      output.sourceMap = typeof result.map === 'string' ? result.map : JSON.stringify(result.map);
-+
-+    return output;
-+  });
- }
- 
- function writeOutputFile(outFile, source, sourceMap) {
-@@ -138,7 +122,7 @@ function writeOutputFile(outFile, source, sourceMap) {
- 
-     var sourceMapFileName = path.basename(outFile) + '.map';
-     source += '\n//# sourceMappingURL=' + sourceMapFileName;
--    
-+
-     return asp(fs.writeFile)(path.resolve(outDir, sourceMapFileName), sourceMap);
-   })
-   .then(function() {
-@@ -160,19 +144,22 @@ exports.writeOutputs = function(outputs, baseURL, outputOpts) {
-   var fileName = outFile && path.basename(outFile) || 'output.js';
- 
-   var output = createOutput(outFile || path.resolve(basePath, fileName), outputs, basePath, outputOpts.sourceMaps, outputOpts.sourceMapContents);
--	
--  if (outputOpts.minify)
--    output = minify(output, fileName, outputOpts.mangle, outputOpts.uglify);
- 
--  if (outputOpts.sourceMaps == 'inline') {
--    output.source = inlineSourceMap(output.source, output.sourceMap);
--    output.sourceMap = undefined;
--  }
-+  var outputPromise = outputOpts.minify
-+    ? minify(output, fileName, outputOpts.mangle, outputOpts.uglify)
-+    : Promise.resolve(output);
- 
--  if (!outputOpts.outFile)
--    return Promise.resolve(output);
-+  return outputPromise.then(function(output) {
-+    if (outputOpts.sourceMaps == 'inline') {
-+      output.source = inlineSourceMap(output.source, output.sourceMap);
-+      output.sourceMap = undefined;
-+    }
- 
--  return writeOutputFile(outFile, output.source, output.sourceMap).then(function() {
--    return output;
-+    if (!outputOpts.outFile)
-+      return output;
-+
-+    return writeOutputFile(outFile, output.source, output.sourceMap).then(function() {
-+      return output;
-+    });
-   });
- };
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 9582741b143d..ec7955389d50 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -225,8 +225,6 @@ overrides:
   '@hono/node-server@<2.0.12': ^2.0.12
 
 patchedDependencies:
-  babel-core@6.26.3: c0f53059bb7026b811209ee3af7fd4c700c900c615d0a0b14981ce911fcf3392
-  systemjs-builder@0.16.15: c78b3d7eb812436aa2d80299b3d3f2738f0366b53f710a25956a3762edf73014
   testcafe-hammerhead@31.7.8: 8655c07786177d3b611a05abf6b0ea87d32796eb2601f92a800ef041095f264c
 
 importers:
@@ -283,7 +281,7 @@ importers:
         version: 0.8.5
       stylelint:
         specifier: 'catalog:'
-        version: 16.22.0(supports-color@7.2.0)(typescript@5.9.3)
+        version: 16.22.0(typescript@5.9.3)
       ts-node:
         specifier: 10.9.2
         version: 10.9.2(@swc/core@1.15.30(@swc/helpers@0.5.21))(@types/node@20.19.37)(typescript@5.9.3)
@@ -341,7 +339,7 @@ importers:
         version: 20.3.24(9c96f6f89ff339f3b03a8e5071cfef81)
       '@angular/cli':
         specifier: catalog:angular
-        version: 20.3.24(@types/node@20.11.17)(chokidar@4.0.3)(supports-color@7.2.0)
+        version: 20.3.24(@types/node@20.11.17)(chokidar@4.0.3)
       '@types/jasmine':
         specifier: 5.1.4
         version: 5.1.4
@@ -362,13 +360,13 @@ importers:
     dependencies:
       '@angular-devkit/build-angular':
         specifier: ^22.0.9
-        version: 22.1.2(258b0df82f598bf0cbd063448ecf32b5)
+        version: 22.1.2(5ff3e14daa3065d6e7c118ba510a3c83)
       '@angular/animations':
         specifier: ^22.0.8
         version: 22.1.0(@angular/core@22.1.0(@angular/compiler@22.1.0)(rxjs@7.8.2)(zone.js@0.16.2))
       '@angular/cli':
         specifier: ^22.0.9
-        version: 22.1.2(@types/node@26.1.1)(chokidar@5.0.0)
+        version: 22.1.2(@types/node@20.19.37)(chokidar@5.0.0)
       '@angular/common':
         specifier: ^22.0.8
         version: 22.1.0(@angular/core@22.1.0(@angular/compiler@22.1.0)(rxjs@7.8.2)(zone.js@0.16.2))(rxjs@7.8.2)
@@ -462,9 +460,6 @@ importers:
       devextreme-vue:
         specifier: workspace:*
         version: link:../../packages/devextreme-vue/npm
-      dx-systemjs-vue-browser:
-        specifier: 1.1.2
-        version: 1.1.2
       esbuild:
         specifier: 0.28.1
         version: 0.28.1
@@ -564,12 +559,6 @@ importers:
       signalr:
         specifier: 2.4.3
         version: 2.4.3
-      systemjs:
-        specifier: 0.19.41
-        version: 0.19.41
-      systemjs-plugin-json:
-        specifier: 0.3.0
-        version: 0.3.0
       typescript:
         specifier: ~6.0.0
         version: 6.0.3
@@ -606,7 +595,7 @@ importers:
         version: 7.29.7
       '@babel/eslint-parser':
         specifier: 'catalog:'
-        version: 7.29.7(@babel/core@7.29.7)(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))
+        version: 7.29.7(@babel/core@7.29.7)(eslint@9.39.4(jiti@2.6.1))
       '@babel/preset-env':
         specifier: 7.29.7
         version: 7.29.7(@babel/core@7.29.7)
@@ -618,7 +607,7 @@ importers:
         version: 7.29.7(@babel/core@7.29.7)
       '@eslint/compat':
         specifier: 1.4.1
-        version: 1.4.1(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))
+        version: 1.4.1(eslint@9.39.4(jiti@2.6.1))
       '@eslint/eslintrc':
         specifier: 'catalog:'
         version: 3.3.5
@@ -636,7 +625,7 @@ importers:
         version: 5.0.7(rollup@4.59.0)
       '@stylistic/eslint-plugin':
         specifier: 'catalog:'
-        version: 5.10.0(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))
+        version: 5.10.0(eslint@9.39.4(jiti@2.6.1))
       '@testcafe-community/axe':
         specifier: 3.5.0
         version: 3.5.0(axe-core@4.11.3)(testcafe@3.7.5)
@@ -660,13 +649,13 @@ importers:
         version: 17.0.35
       '@typescript-eslint/eslint-plugin':
         specifier: 'catalog:'
-        version: 8.52.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(supports-color@7.2.0)(typescript@6.0.3))(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(supports-color@7.2.0)(typescript@6.0.3)
+        version: 8.52.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@6.0.3))(eslint@9.39.4(jiti@2.6.1))(typescript@6.0.3)
       '@typescript-eslint/parser':
         specifier: 'catalog:'
-        version: 8.52.0(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(supports-color@7.2.0)(typescript@6.0.3)
+        version: 8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@6.0.3)
       '@vue/eslint-config-typescript':
         specifier: 12.0.0
-        version: 12.0.0(eslint-plugin-vue@10.4.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(supports-color@7.2.0)(typescript@6.0.3))(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(vue-eslint-parser@10.0.0(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(supports-color@7.2.0)))(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(supports-color@7.2.0)(typescript@6.0.3)
+        version: 12.0.0(eslint-plugin-vue@10.4.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@6.0.3))(eslint@9.39.4(jiti@2.6.1))(vue-eslint-parser@10.0.0(eslint@9.39.4(jiti@2.6.1))))(eslint@9.39.4(jiti@2.6.1))(supports-color@7.2.0)(typescript@6.0.3)
       '@vue/tsconfig':
         specifier: 0.9.1
         version: 0.9.1(typescript@6.0.3)(vue@3.5.32(typescript@6.0.3))
@@ -690,40 +679,40 @@ importers:
         version: 2.0.17(testcafe@3.7.5)
       eslint:
         specifier: 'catalog:'
-        version: 9.39.4(jiti@2.6.1)(supports-color@7.2.0)
+        version: 9.39.4(jiti@2.6.1)
       eslint-config-airbnb-typescript:
         specifier: 'catalog:'
-        version: 18.0.0(@typescript-eslint/eslint-plugin@8.52.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(supports-color@7.2.0)(typescript@6.0.3))(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(supports-color@7.2.0)(typescript@6.0.3))(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(supports-color@7.2.0)(typescript@6.0.3))(eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(supports-color@7.2.0)(typescript@6.0.3))(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0)))(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))
+        version: 18.0.0(@typescript-eslint/eslint-plugin@8.52.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@6.0.3))(eslint@9.39.4(jiti@2.6.1))(typescript@6.0.3))(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@6.0.3))(eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@6.0.3))(eslint@9.39.4(jiti@2.6.1)))(eslint@9.39.4(jiti@2.6.1))
       eslint-config-devextreme:
         specifier: 'catalog:'
-        version: 1.1.11(8a02c8ea109c9cf26ed5b6a911da64a7)
+        version: 1.1.11(1ab26e2fdac0a1462882017b4fe7b289)
       eslint-plugin-deprecation:
         specifier: 3.0.0
-        version: 3.0.0(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(supports-color@7.2.0)(typescript@6.0.3)
+        version: 3.0.0(eslint@9.39.4(jiti@2.6.1))(supports-color@7.2.0)(typescript@6.0.3)
       eslint-plugin-import:
         specifier: 'catalog:'
-        version: 2.32.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(supports-color@7.2.0)(typescript@6.0.3))(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))
+        version: 2.32.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@6.0.3))(eslint@9.39.4(jiti@2.6.1))
       eslint-plugin-jest:
         specifier: 29.15.2
-        version: 29.15.2(@typescript-eslint/eslint-plugin@8.52.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(supports-color@7.2.0)(typescript@6.0.3))(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(supports-color@7.2.0)(typescript@6.0.3))(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(jest@29.7.0(@types/node@26.1.1)(babel-plugin-macros@3.1.0)(node-notifier@9.0.1)(ts-node@10.9.2(@swc/core@1.15.30(@swc/helpers@0.5.21))(@types/node@20.19.37)(typescript@6.0.3)))(supports-color@7.2.0)(typescript@6.0.3)
+        version: 29.15.2(@typescript-eslint/eslint-plugin@8.52.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@6.0.3))(eslint@9.39.4(jiti@2.6.1))(typescript@6.0.3))(eslint@9.39.4(jiti@2.6.1))(jest@29.7.0(@types/node@20.19.37)(babel-plugin-macros@3.1.0)(node-notifier@9.0.1)(ts-node@10.9.2(@swc/core@1.15.30(@swc/helpers@0.5.21))(@types/node@20.19.37)(typescript@6.0.3)))(supports-color@7.2.0)(typescript@6.0.3)
       eslint-plugin-no-only-tests:
         specifier: 'catalog:'
         version: 3.3.0
       eslint-plugin-react:
         specifier: 7.37.5
-        version: 7.37.5(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))
+        version: 7.37.5(eslint@9.39.4(jiti@2.6.1))
       eslint-plugin-react-hooks:
         specifier: 5.2.0
-        version: 5.2.0(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))
+        version: 5.2.0(eslint@9.39.4(jiti@2.6.1))
       eslint-plugin-react-perf:
         specifier: 3.3.3
-        version: 3.3.3(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))
+        version: 3.3.3(eslint@9.39.4(jiti@2.6.1))
       eslint-plugin-spellcheck:
         specifier: 0.0.20
-        version: 0.0.20(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))
+        version: 0.0.20(eslint@9.39.4(jiti@2.6.1))
       eslint-plugin-vue:
         specifier: 'catalog:'
-        version: 10.4.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(supports-color@7.2.0)(typescript@6.0.3))(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(vue-eslint-parser@10.0.0(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(supports-color@7.2.0))
+        version: 10.4.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@6.0.3))(eslint@9.39.4(jiti@2.6.1))(vue-eslint-parser@10.0.0(eslint@9.39.4(jiti@2.6.1)))
       express:
         specifier: 4.22.1
         version: 4.22.1
@@ -738,7 +727,7 @@ importers:
         version: 14.1.1(supports-color@7.2.0)
       jest:
         specifier: 29.7.0
-        version: 29.7.0(@types/node@26.1.1)(babel-plugin-macros@3.1.0)(node-notifier@9.0.1)(ts-node@10.9.2(@swc/core@1.15.30(@swc/helpers@0.5.21))(@types/node@20.19.37)(typescript@6.0.3))
+        version: 29.7.0(@types/node@20.19.37)(babel-plugin-macros@3.1.0)(node-notifier@9.0.1)(ts-node@10.9.2(@swc/core@1.15.30(@swc/helpers@0.5.21))(@types/node@20.19.37)(typescript@6.0.3))
       jest-environment-node:
         specifier: 29.7.0
         version: 29.7.0
@@ -778,12 +767,9 @@ importers:
       stylelint-config-standard:
         specifier: 38.0.0
         version: 38.0.0(stylelint@16.22.0(typescript@6.0.3))
-      systemjs-builder:
-        specifier: 0.16.15
-        version: 0.16.15(patch_hash=c78b3d7eb812436aa2d80299b3d3f2738f0366b53f710a25956a3762edf73014)
       testcafe:
         specifier: 'catalog:'
-        version: 3.7.5(supports-color@7.2.0)
+        version: 3.7.5
       testcafe-reporter-spec-time:
         specifier: 4.0.0
         version: 4.0.0
@@ -792,7 +778,7 @@ importers:
         version: 10.9.2(@swc/core@1.15.30(@swc/helpers@0.5.21))(@types/node@20.19.37)(typescript@6.0.3)
       vue-eslint-parser:
         specifier: 'catalog:'
-        version: 10.0.0(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(supports-color@7.2.0)
+        version: 10.0.0(eslint@9.39.4(jiti@2.6.1))
       vue-tsc:
         specifier: 3.0.8
         version: 3.0.8(typescript@6.0.3)
@@ -1002,7 +988,7 @@ importers:
         version: 9.39.4(jiti@2.6.1)
       eslint-config-devextreme:
         specifier: 'catalog:'
-        version: 1.1.11(df15cfffce683e1bcb7bfdacad1a6df8)
+        version: 1.1.11(36a0f49ab754119732d0cad2df2dd8f9)
       eslint-plugin-i18n:
         specifier: 'catalog:'
         version: 2.4.0
@@ -1074,7 +1060,7 @@ importers:
         version: 9.39.4(jiti@2.6.1)
       eslint-config-devextreme:
         specifier: 'catalog:'
-        version: 1.1.11(036b0b25bc375413172c4d0cf61bea25)
+        version: 1.1.11(34e25ca7f08f1322a043ec8d80e91c93)
       eslint-migration-utils:
         specifier: workspace:*
         version: link:../../packages/eslint-migration-utils
@@ -1107,7 +1093,7 @@ importers:
     devDependencies:
       '@babel/eslint-parser':
         specifier: 'catalog:'
-        version: 7.29.7(@babel/core@7.29.7)(eslint@9.39.4(jiti@2.6.1))
+        version: 7.29.7(@babel/core@8.0.1)(eslint@9.39.4(jiti@2.6.1))
       '@babel/plugin-transform-runtime':
         specifier: 7.29.7
         version: 7.29.7(@babel/core@7.29.7)
@@ -1149,7 +1135,7 @@ importers:
         version: 9.39.4(jiti@2.6.1)
       eslint-config-devextreme:
         specifier: 'catalog:'
-        version: 1.1.11(3323971c1e531ea4fcc264c8af1d91e5)
+        version: 1.1.11(c357a05deb2b16688bde72abde48073f)
       eslint-migration-utils:
         specifier: workspace:*
         version: link:../../packages/eslint-migration-utils
@@ -1176,7 +1162,7 @@ importers:
         version: 0.12.1
       testcafe:
         specifier: 'catalog:'
-        version: 3.7.5(supports-color@7.2.0)
+        version: 3.7.5
       testcafe-reporter-spec-time:
         specifier: 4.0.0
         version: 4.0.0
@@ -1351,7 +1337,7 @@ importers:
         version: 2.1.0(jasmine-core@5.6.0)(karma-jasmine@5.1.0(karma@6.4.4))(karma@6.4.4)
       testcafe:
         specifier: 'catalog:'
-        version: 3.7.5(supports-color@7.2.0)
+        version: 3.7.5
       typescript:
         specifier: 5.8.3
         version: 5.8.3
@@ -1490,7 +1476,7 @@ importers:
         version: 18.0.0(@typescript-eslint/eslint-plugin@8.52.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5))(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5))(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5))(eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5))(eslint@9.39.4(jiti@2.6.1)))(eslint@9.39.4(jiti@2.6.1))
       eslint-config-devextreme:
         specifier: 'catalog:'
-        version: 1.1.11(21373fd47cc2a7a56720766fc64e98ca)
+        version: 1.1.11(33b7e80734c34857e30298d4e85d3fef)
       eslint-migration-utils:
         specifier: workspace:*
         version: link:../eslint-migration-utils
@@ -1517,7 +1503,7 @@ importers:
         version: 3.3.0
       eslint-plugin-perfectionist:
         specifier: 'catalog:'
-        version: 5.9.1(eslint@9.39.4(jiti@2.6.1))(supports-color@7.2.0)(typescript@4.9.5)
+        version: 5.9.1(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5)
       eslint-plugin-qunit:
         specifier: 'catalog:'
         version: 8.2.6(eslint@9.39.4(jiti@2.6.1))
@@ -1672,7 +1658,7 @@ importers:
         version: 20.3.27(@angular/common@20.3.27(@angular/core@20.3.27(@angular/compiler@20.3.27)(rxjs@7.8.2)(zone.js@0.15.1))(rxjs@7.8.2))(@angular/compiler@20.3.27)(@angular/core@20.3.27(@angular/compiler@20.3.27)(rxjs@7.8.2)(zone.js@0.15.1))(@angular/platform-browser@20.3.27(@angular/common@20.3.27(@angular/core@20.3.27(@angular/compiler@20.3.27)(rxjs@7.8.2)(zone.js@0.15.1))(rxjs@7.8.2))(@angular/core@20.3.27(@angular/compiler@20.3.27)(rxjs@7.8.2)(zone.js@0.15.1)))(rxjs@7.8.2)
       '@babel/eslint-parser':
         specifier: 'catalog:'
-        version: 7.29.7(@babel/core@7.29.7)(eslint@9.39.4(jiti@2.6.1))
+        version: 7.29.7(@babel/core@8.0.1)(eslint@9.39.4(jiti@2.6.1))
       '@eslint-stylistic/metadata':
         specifier: 'catalog:'
         version: 2.13.0
@@ -1711,7 +1697,7 @@ importers:
         version: 9.39.4(jiti@2.6.1)
       eslint-config-devextreme:
         specifier: 'catalog:'
-        version: 1.1.11(036b0b25bc375413172c4d0cf61bea25)
+        version: 1.1.11(34e25ca7f08f1322a043ec8d80e91c93)
       eslint-migration-utils:
         specifier: workspace:*
         version: link:../eslint-migration-utils
@@ -1831,7 +1817,7 @@ importers:
     devDependencies:
       '@babel/eslint-parser':
         specifier: 'catalog:'
-        version: 7.29.7(@babel/core@7.29.7)(eslint@9.39.4(jiti@2.6.1))
+        version: 7.29.7(@babel/core@8.0.1)(eslint@9.39.4(jiti@2.6.1))
       '@eslint/eslintrc':
         specifier: 'catalog:'
         version: 3.3.5
@@ -1873,7 +1859,7 @@ importers:
         version: 18.0.0(@typescript-eslint/eslint-plugin@8.52.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5))(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5))(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5))(eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5))(eslint@9.39.4(jiti@2.6.1)))(eslint@9.39.4(jiti@2.6.1))
       eslint-config-devextreme:
         specifier: 'catalog:'
-        version: 1.1.11(2159c8bdfeeb538cd9a87b0f06dfe45f)
+        version: 1.1.11(d15b6dd1a804cd08c9b9266c82470597)
       eslint-migration-utils:
         specifier: workspace:*
         version: link:../eslint-migration-utils
@@ -1904,7 +1890,7 @@ importers:
     devDependencies:
       '@stylistic/stylelint-plugin':
         specifier: 3.1.3
-        version: 3.1.3(stylelint@16.22.0(typescript@6.0.3))
+        version: 3.1.3(stylelint@16.22.0(typescript@5.9.3))
       autoprefixer:
         specifier: 10.5.0
         version: 10.5.0(postcss@8.5.23)
@@ -1922,16 +1908,16 @@ importers:
         version: 1.93.3
       stylelint:
         specifier: 'catalog:'
-        version: 16.22.0(typescript@6.0.3)
+        version: 16.22.0(typescript@5.9.3)
       stylelint-config-standard-scss:
         specifier: 14.0.0
-        version: 14.0.0(postcss@8.5.23)(stylelint@16.22.0(typescript@6.0.3))
+        version: 14.0.0(postcss@8.5.23)(stylelint@16.22.0(typescript@5.9.3))
       stylelint-scss:
         specifier: 6.10.0
-        version: 6.10.0(stylelint@16.22.0(typescript@6.0.3))
+        version: 6.10.0(stylelint@16.22.0(typescript@5.9.3))
       ts-jest:
         specifier: 29.1.2
-        version: 29.1.2(@babel/core@7.29.7)(@jest/types@29.6.3)(babel-jest@29.7.0(@babel/core@7.29.7))(jest@30.2.0(@types/node@26.1.1)(babel-plugin-macros@3.1.0)(node-notifier@9.0.1)(ts-node@10.9.2(@swc/core@1.15.30(@swc/helpers@0.5.21))(@types/node@26.1.1)(typescript@6.0.3)))(typescript@5.9.3)
+        version: 29.1.2(@babel/core@7.29.7)(@jest/types@29.6.3)(babel-jest@29.7.0(@babel/core@7.29.7))(jest@30.2.0(@types/node@26.1.1)(babel-plugin-macros@3.1.0)(node-notifier@9.0.1)(ts-node@10.9.2(@swc/core@1.15.30(@swc/helpers@0.5.21))(@types/node@26.1.1)(typescript@5.9.3)))(typescript@5.9.3)
 
   packages/devextreme-themebuilder:
     dependencies:
@@ -1983,7 +1969,7 @@ importers:
         version: 18.0.0(@typescript-eslint/eslint-plugin@8.52.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5))(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5))(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5))(eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5))(eslint@9.39.4(jiti@2.6.1)))(eslint@9.39.4(jiti@2.6.1))
       eslint-config-devextreme:
         specifier: 'catalog:'
-        version: 1.1.11(765db8ce296b6314aa6fee62e11efa0e)
+        version: 1.1.11(0bf0cf098d0a3b928d7fd275ba37129c)
       eslint-plugin-import:
         specifier: 'catalog:'
         version: 2.32.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5))(eslint@9.39.4(jiti@2.6.1))
@@ -2026,7 +2012,7 @@ importers:
     devDependencies:
       '@babel/eslint-parser':
         specifier: 'catalog:'
-        version: 7.29.7(@babel/core@7.29.7)(eslint@9.39.4(jiti@2.6.1))
+        version: 7.29.7(@babel/core@8.0.1)(eslint@9.39.4(jiti@2.6.1))
       '@eslint-stylistic/metadata':
         specifier: 'catalog:'
         version: 2.13.0
@@ -2065,7 +2051,7 @@ importers:
         version: 18.0.0(@typescript-eslint/eslint-plugin@8.52.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5))(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5))(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5))(eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5))(eslint@9.39.4(jiti@2.6.1)))(eslint@9.39.4(jiti@2.6.1))
       eslint-config-devextreme:
         specifier: 'catalog:'
-        version: 1.1.11(2159c8bdfeeb538cd9a87b0f06dfe45f)
+        version: 1.1.11(d15b6dd1a804cd08c9b9266c82470597)
       eslint-plugin-i18n:
         specifier: 'catalog:'
         version: 2.4.0
@@ -2211,7 +2197,7 @@ importers:
         version: link:../devextreme/artifacts/npm/devextreme
       testcafe:
         specifier: 'catalog:'
-        version: 3.7.5(supports-color@7.2.0)
+        version: 3.7.5
 
 packages:
 
@@ -4406,33 +4392,16 @@ packages:
     resolution: {integrity: sha512-IchNf6dN4tHoMFIn/7OE8LWZ19Y6q/67Bmf6vnGREv8RSbBVb9LPJxEcnwrcwX6ixSvaiGoomAUvu4YSxXrVgw==}
     engines: {node: '>=12'}
 
-  '@csstools/css-parser-algorithms@2.7.1':
-    resolution: {integrity: sha512-2SJS42gxmACHgikc1WGesXLIT8d/q2l0UFM7TaEeIzdFCE/FPMtTiizcPGGJtlPo2xuQzY09OhrLTzRxqJqwGw==}
-    engines: {node: ^14 || ^16 || >=18}
-    peerDependencies:
-      '@csstools/css-tokenizer': ^2.4.1
-
   '@csstools/css-parser-algorithms@3.0.5':
     resolution: {integrity: sha512-DaDeUkXZKjdGhgYaHNJTV9pV7Y9B3b644jCLs9Upc3VeNGg6LWARAT6O+Q+/COo+2gg/bM5rhpMAtf70WqfBdQ==}
     engines: {node: '>=18'}
     peerDependencies:
       '@csstools/css-tokenizer': ^3.0.4
 
-  '@csstools/css-tokenizer@2.4.1':
-    resolution: {integrity: sha512-eQ9DIktFJBhGjioABJRtUucoWR2mwllurfnM8LuNGAqX3ViZXaUchqk+1s7jjtkFiT9ySdACsFEA3etErkALUg==}
-    engines: {node: ^14 || ^16 || >=18}
-
   '@csstools/css-tokenizer@3.0.4':
     resolution: {integrity: sha512-Vd/9EVDiu6PPJt9yAh6roZP6El1xHrdvIVGjyBsHR0RYwNHgL7FJPyIIW4fANJNG6FtyZfvlRPpFI4ZM/lubvw==}
     engines: {node: '>=18'}
 
-  '@csstools/media-query-list-parser@2.1.13':
-    resolution: {integrity: sha512-XaHr+16KRU9Gf8XLi3q8kDlI18d5vzKSKCY510Vrtc9iNR0NJzbY9hhTmwhzYZj/ZwGL4VmB3TA9hJW0Um2qFA==}
-    engines: {node: ^14 || ^16 || >=18}
-    peerDependencies:
-      '@csstools/css-parser-algorithms': ^2.7.1
-      '@csstools/css-tokenizer': ^2.4.1
-
   '@csstools/media-query-list-parser@3.0.1':
     resolution: {integrity: sha512-HNo8gGD02kHmcbX6PvCoUuOQvn4szyB9ca63vZHKX5A81QytgDG4oxG4IaEfHTlEZSZ6MjPEMWIVU+zF2PZcgw==}
     engines: {node: '>=18'}
@@ -4447,12 +4416,6 @@ packages:
       '@csstools/css-parser-algorithms': ^3.0.5
       '@csstools/css-tokenizer': ^3.0.4
 
-  '@csstools/selector-specificity@3.1.1':
-    resolution: {integrity: sha512-a7cxGcJ2wIlMFLlh8z2ONm+715QkPHiyJcxwQlKOz/03GPw1COpfhcmC9wm4xlZfp//jWHNNMwzjtqHXVWU9KA==}
-    engines: {node: ^14 || ^16 || >=18}
-    peerDependencies:
-      postcss-selector-parser: ^6.0.13
-
   '@csstools/selector-specificity@5.0.0':
     resolution: {integrity: sha512-PCqQV3c4CoVm3kdPhyeZ07VmBRdH2EpMFA/pd9OASpOEC3aXNGoqPDAZ80D0cLpMBxnmk0+yNhGsEx31hq7Gtw==}
     engines: {node: '>=18'}
@@ -5793,6 +5756,7 @@ packages:
   '@ngtools/webpack@22.1.2':
     resolution: {integrity: sha512-5o3zbOdEHv5+wjRCMN+t6RBou28dbPkio5/rxEJBsQ9iEq11K+atsSKEaZXBMUhYr9nLYR8Pckm5Cqx2FP9R2Q==}
     engines: {node: ^22.22.3 || ^24.15.0 || >=26.0.0, npm: ^6.11.0 || ^7.5.6 || >=8.0.0, yarn: '>= 1.13.0'}
+    deprecated: Angular's Webpack support is deprecated. Use the esbuild and Vite-based "@angular/build" package instead.
     peerDependencies:
       '@angular/compiler-cli': ^22.0.0
       typescript: '>=6.0 <6.1'
@@ -7660,9 +7624,6 @@ packages:
   '@types/minimatch@5.1.2':
     resolution: {integrity: sha512-K0VQKziLUWkVKiRVrx4a40iPaxTUefQmjtkQofBkYRcoaaL/8rhwDWww9qWbrgicNOgnpIsMxyNIUM4+n6dUIA==}
 
-  '@types/minimist@1.2.5':
-    resolution: {integrity: sha512-hov8bUuiLiyFPGyFPE1lwWhmzYbirOXQNNo40+y3zow8aFVTeyn3VWL0VFFfdNddA8S4Vf0Tc062rzyNr7Paag==}
-
   '@types/ms@2.1.0':
     resolution: {integrity: sha512-GsCCIZDE/p3i96vtEqx+7dBUGXrc7zeSK3wwPHIaRThS+9OhWIXRqzs4d6k1SVU8g91DrNRWxWUGhp5KXQb2VA==}
 
@@ -8623,10 +8584,6 @@ packages:
   alien-signals@2.0.8:
     resolution: {integrity: sha512-844G1VLkk0Pe2SJjY0J8vp8ADI73IM4KliNu2OGlYzWpO28NexEUvjHTcFjFX3VXoiUtwTbHxLNI9ImkcoBqzA==}
 
-  amdefine@1.0.1:
-    resolution: {integrity: sha512-S2Hw0TtNkMJhIabBwIojKL9YHO5T0n5eNqWJ7Lrlel/zDbftQpxpapi8tZs3X1HWa+u+QeydGmzzNU0m09+Rcg==}
-    engines: {node: '>=0.4.2'}
-
   ansi-colors@1.1.0:
     resolution: {integrity: sha512-SFKX67auSNoVR38N3L+nvsPjOE0bybKTYbkf5tRvushrAPQ9V75huw0ZxBkKVeRU9kqH3d6HA4xTckbwZ4ixmA==}
     engines: {node: '>=0.10.0'}
@@ -8656,10 +8613,6 @@ packages:
     engines: {'0': node >= 0.8.0}
     hasBin: true
 
-  ansi-regex@2.1.1:
-    resolution: {integrity: sha512-TIGnTpdo+E3+pCyAluZvtED5p5wCqLdezCyhPZzKPcxvFplEt4i+W7OONCKgeZFT3+y5NZZfOOS/Bdcanm1MYA==}
-    engines: {node: '>=0.10.0'}
-
   ansi-regex@5.0.1:
     resolution: {integrity: sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==}
     engines: {node: '>=8'}
@@ -8668,10 +8621,6 @@ packages:
     resolution: {integrity: sha512-Bq3SmSpyFHaWjPk8If9yc6svM8c56dB5BAtW4Qbw5jHTwwXXcTLoRMkpDJp6VL0XzlWaCHTXrkFURMYmD0sLqg==}
     engines: {node: '>=12'}
 
-  ansi-styles@2.2.1:
-    resolution: {integrity: sha512-kmCevFghRiWM7HB5zTPULl4r9bVFSWjz62MhqizDGUrq2NWuNMQyuv4tHHoKJHs69M/MF64lEcHdYIocrdWQYA==}
-    engines: {node: '>=0.10.0'}
-
   ansi-styles@3.2.1:
     resolution: {integrity: sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==}
     engines: {node: '>=4'}
@@ -8781,10 +8730,6 @@ packages:
     resolution: {integrity: sha512-BNoCY6SXXPQ7gF2opIP4GBE+Xw7U+pHMYKuzjgCN3GwiaIR09UUeKfheyIry77QtrCBlC0KK0q5/TER/tYh3PQ==}
     engines: {node: '>= 0.4'}
 
-  arrify@1.0.1:
-    resolution: {integrity: sha512-3CYzex9M9FGQjCGMGyi6/31c8GJbgb0qGyrx5HWxPd0aCwh4cB2YjMb2Xf9UuoogrMrlO9cTqnB5rI5GHZTcUA==}
-    engines: {node: '>=0.10.0'}
-
   asn1.js@4.10.1:
     resolution: {integrity: sha512-p32cOF5q0Zqs9uBiONKYLm6BClCoBCM5O9JfeUSlnQLBTxYdTK+pW+nXflm8UkKd2UYlEbYz5qEi0JuZR9ckSw==}
 
@@ -8886,21 +8831,6 @@ packages:
       react-native-b4a:
         optional: true
 
-  babel-code-frame@6.26.0:
-    resolution: {integrity: sha512-XqYMR2dfdGMW+hd0IUZ2PwK+fGeFkOxZJ0wY+JaQAHzt1Zx8LcvpiZD2NiGkEG8qx0CfkAOr5xt76d1e8vG90g==}
-
-  babel-core@6.26.3:
-    resolution: {integrity: sha512-6jyFLuDmeidKmUEb3NM+/yawG0M2bDZ9Z1qbZP59cyHLz8kYGKYwpJP0UwUKKUiTRNvxfLesJnTedqczP7cTDA==}
-
-  babel-generator@6.26.1:
-    resolution: {integrity: sha512-HyfwY6ApZj7BYTcJURpM5tznulaBvyio7/0d4zFOeMPUmfxkCjHocCuoLa2SAGzBI8AREcH3eP3758F672DppA==}
-
-  babel-helper-hoist-variables@6.24.1:
-    resolution: {integrity: sha512-zAYl3tqerLItvG5cKYw7f1SpvIxS9zi7ohyGHaI9cgDUjAT6YcY9jIEH5CstetP5wHIVSceXwNS7Z5BpJg+rOw==}
-
-  babel-helpers@6.24.1:
-    resolution: {integrity: sha512-n7pFrqQm44TCYvrCDb0MqabAF+JUBq+ijBvNMUxpkLjJaAu32faIexewMumrH5KLLJ1HDyT0PTEqRyAe/GwwuQ==}
-
   babel-jest@29.7.0:
     resolution: {integrity: sha512-BrvGY3xZSwEcCzKvKsCi2GgHqDqsYkOP4/by5xCgIwGXQxIEh+8ew3gmrE1y7XRR6LHZIj6yLYnUi/mm2KXKBg==}
     engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
@@ -8939,9 +8869,6 @@ packages:
       webpack:
         optional: true
 
-  babel-messages@6.23.0:
-    resolution: {integrity: sha512-Bl3ZiA+LjqaMtNYopA9TYE9HP1tQ+E5dLxE0XrAzcIJeK2UqF0/EaqXwBn9esd4UmTfEab+P+UYQ1GnioFIb/w==}
-
   babel-plugin-add-module-exports@1.0.4:
     resolution: {integrity: sha512-g+8yxHUZ60RcyaUpfNzy56OtWW+x9cyEe9j+CranqLiqbju2yf/Cy6ZtYK40EZxtrdHllzlVZgLmcOUCTlJ7Jg==}
 
@@ -9018,27 +8945,9 @@ packages:
     peerDependencies:
       '@babel/core': ^7.29.1
 
-  babel-plugin-syntax-dynamic-import@6.18.0:
-    resolution: {integrity: sha512-MioUE+LfjCEz65Wf7Z/Rm4XCP5k2c+TbMd2Z2JKc7U9uwjBhAfNPE48KC4GTGKhppMeYVepwDBNO/nGY6NYHBA==}
-
   babel-plugin-syntax-trailing-function-commas@6.22.0:
     resolution: {integrity: sha512-Gx9CH3Q/3GKbhs07Bszw5fPTlU+ygrOGfAhEt7W2JICwufpC4SuO0mG0+4NykPBSYPMJhqvVlDBU17qB1D+hMQ==}
 
-  babel-plugin-transform-amd-system-wrapper@0.3.7:
-    resolution: {integrity: sha512-dRL+LfRZrMfq7N4zlHRpBJq3/Moxg+dVcLIyg1YrYDuecgX4jSzn1f4OwjTrK/Xk+p+afNzNaHRQT3RTF8F6yw==}
-
-  babel-plugin-transform-cjs-system-wrapper@0.6.2:
-    resolution: {integrity: sha512-POp05zg9/3MtDK5QcmsaOasCKWIgbnma8+DLwQAl45Plw5ub1PEr37rG3eNrHb/dP0LEyWjTT3PYu2TDA0owsA==}
-
-  babel-plugin-transform-es2015-modules-systemjs@6.24.1:
-    resolution: {integrity: sha512-ONFIPsq8y4bls5PPsAWYXH/21Hqv64TBxdje0FvU3MhIV6QM2j5YS7KvAzg/nTIVLot2D2fmFQrFWCbgHlFEjg==}
-
-  babel-plugin-transform-global-system-wrapper@0.3.4:
-    resolution: {integrity: sha512-WDCmdUeRLqn25gzR7fYmNOWVXwnDOhR0cM0uOJ0kDP3EdF2Y1I6G6y5pBDeZoLOgu5xCe8cEzOMKRljxu0oGdw==}
-
-  babel-plugin-transform-system-register@0.0.1:
-    resolution: {integrity: sha512-i3Y0KdBxgaZg82RLN3M+wD452yZbf6kE1WhcXpb4ZxHqRnekBljwoYj5N5PuzZ6JVqA3V7tYNea1qwiERFnmVw==}
-
   babel-plugin-transform-typescript-metadata@0.3.2:
     resolution: {integrity: sha512-mWEvCQTgXQf48yDqgN7CH50waTyYBeP2Lpqx4nNWab9sxEpdXVeKgfj1qYI2/TgUPQtNFZ85i3PemRtnXVYYJg==}
     peerDependencies:
@@ -9071,22 +8980,6 @@ packages:
     peerDependencies:
       '@babel/core': ^7.29.1
 
-  babel-register@6.26.0:
-    resolution: {integrity: sha512-veliHlHX06wjaeY8xNITbveXSiI+ASFnOqvne/LaIJIqOWi2Ogmj91KOugEz/hoh/fwMhXNBJPCv8Xaz5CyM4A==}
-
-  babel-runtime@6.26.0:
-    resolution: {integrity: sha512-ITKNuq2wKlW1fJg9sSW52eepoYgZBggvOAHC0u/CYu/qxQ9EVzThCgR69BnSXLHjy2f7SY5zaQ4yt7H9ZVxY2g==}
-
-  babel-template@6.26.0:
-    resolution: {integrity: sha512-PCOcLFW7/eazGUKIoqH97sO9A2UYMahsn/yRQ7uOk37iutwjq7ODtcTNF+iFDSHNfkctqsLRjLP7URnOx0T1fg==}
-
-  babel-types@6.26.0:
-    resolution: {integrity: sha512-zhe3V/26rCWsEZK8kZN+HaQj5yQ1CilTObixFzKW1UWjqG7618Twz6YEsCnjfg5gBcJh02DrpCkS9h98ZqDY+g==}
-
-  babylon@6.18.0:
-    resolution: {integrity: sha512-q/UEjfGJ2Cm3oKV71DJz9d25TPnq5rhBVL2Q4fA5wcC3jcrdn7+SssEybFIxwAvvP+YCsCYNKughoF33GxgycQ==}
-    hasBin: true
-
   bail@2.0.2:
     resolution: {integrity: sha512-0xO6mYd7JB2YesxDKplafRpsiOzPt9V02ddPCLbY1xYGPOX24NTyN50qnUxgCPcSoYMhKpAuBTjQoRZCAkUDRw==}
 
@@ -9366,10 +9259,6 @@ packages:
   camel-case@4.1.2:
     resolution: {integrity: sha512-gxGWBrTT1JuMx6R+o5PTXMmUnhnVzLQ9SNutD4YqKtI6ap897t3tKECYla6gCWEkplXnlNybEkZg9GEGxKFCgw==}
 
-  camelcase-keys@7.0.2:
-    resolution: {integrity: sha512-Rjs1H+A9R+Ig+4E/9oyB66UC5Mj9Xq3N//vcLf2WzgdTi/3gUu3Z9KoqmlrEG4VuuLK8wJHofxzdQXz/knhiYg==}
-    engines: {node: '>=12'}
-
   camelcase@5.3.1:
     resolution: {integrity: sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==}
     engines: {node: '>=6'}
@@ -9404,10 +9293,6 @@ packages:
     resolution: {integrity: sha512-4zNhdJD/iOjSH0A05ea+Ke6MU5mmpQcbQsSOkgdaUMJ9zTlDTD/GYlwohmIE2u0gaxHYiVHEn1Fw9mZ/ktJWgw==}
     engines: {node: '>=18'}
 
-  chalk@1.1.3:
-    resolution: {integrity: sha512-U3lRVLMSlsCfjqYPbLyVv11M9CPW4I728d6TCKMAOJueEeB9/8o+eSsMnxPJD+Q+K909sdESg7C+tIkoH6on1A==}
-    engines: {node: '>=0.10.0'}
-
   chalk@2.4.2:
     resolution: {integrity: sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==}
     engines: {node: '>=4'}
@@ -9721,10 +9606,6 @@ packages:
   commander@2.20.3:
     resolution: {integrity: sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==}
 
-  commander@2.9.0:
-    resolution: {integrity: sha512-bmkUukX8wAOjHdN26xj5c4ctEV22TQ7dQYhSmuckKhToXrkUn0iIaolHdIxYYqD55nhpSPA9zPQ1yP57GdXP2A==}
-    engines: {node: '>= 0.6.x'}
-
   commander@5.1.0:
     resolution: {integrity: sha512-P0CysNDQ7rtVw4QIQtm+MRxV66vKFSvlsQvGYXZWR3qFU0jlMKHZZZgw8e+8DSah4UDKMqnknRDQz+xuQXQ/Zg==}
     engines: {node: '>= 6'}
@@ -9984,10 +9865,6 @@ packages:
   css-select@6.0.0:
     resolution: {integrity: sha512-rZZVSLle8v0+EY8QAkDWrKhpgt6SA5OtHsgBnsj6ZaLb5dmDVOWUDtQitd9ydxxvEjhewNudS6eTVU7uOyzvXw==}
 
-  css-tree@2.3.1:
-    resolution: {integrity: sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==}
-    engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0}
-
   css-tree@3.2.1:
     resolution: {integrity: sha512-X7sjQzceUhu1u7Y/ylrRZFU2FS6LRiFVp6rKLPg23y3x3c3DOKAwuXGDp+PAGjh6CSnCjYeAul8pcT8bAl+lSA==}
     engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0}
@@ -10027,19 +9904,12 @@ packages:
   custom-event@1.0.1:
     resolution: {integrity: sha512-GAj5FOq0Hd+RsCGVJxZuKaIDXDf3h6GQoNEjFgbLLI/trgtavwUbSnZ5pVfg27DVCaWjIohryS0JFwIJyT2cMg==}
 
-  d@1.0.2:
-    resolution: {integrity: sha512-MOqHvMWF9/9MX6nza0KgvFH4HpMU0EF5uUDXqX/BtxtU8NfB0QzRtJ8Oe/6SuS4kbhyzVJwjd97EA4PKrzJ8bw==}
-    engines: {node: '>=0.12'}
-
   damerau-levenshtein@1.0.8:
     resolution: {integrity: sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA==}
 
   dash-ast@1.0.0:
     resolution: {integrity: sha512-Vy4dx7gquTeMcQR/hDkYLGUnwVil6vk4FOOct+djUnHOUWt+zJPJAaRIXaAFkPXtJjvlY7o3rfRu0/3hpnwoUA==}
 
-  data-uri-to-buffer@0.0.4:
-    resolution: {integrity: sha512-nntmCbCupHk2zFSWe64pTt0LJ2U6Bt3K1MWgwXiEAj9IEaowSXbGLYN7m8xCb4hbpQl8QSCRBkKT9tFRUMkU7A==}
-
   data-urls@3.0.2:
     resolution: {integrity: sha512-Jy/tj3ldjZJo63sVAvg6LHt2mHvl4V6AgRAmNDtLdm7faqtsx+aJG42rsyCo9JCoRVKwPFzKlIPx3DIibwSIaQ==}
     engines: {node: '>=12'}
@@ -10109,18 +9979,6 @@ packages:
       supports-color:
         optional: true
 
-  decamelize-keys@1.1.1:
-    resolution: {integrity: sha512-WiPxgEirIV0/eIOMcnFBA3/IJZAZqKnwAwWyvvdi4lsr1WCN22nhdf/3db3DoZcUjTV2SqfzIwNyp6y2xs3nmg==}
-    engines: {node: '>=0.10.0'}
-
-  decamelize@1.2.0:
-    resolution: {integrity: sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==}
-    engines: {node: '>=0.10.0'}
-
-  decamelize@5.0.1:
-    resolution: {integrity: sha512-VfxadyCECXgQlkoEAjeghAr5gY3Hf+IKjKb+X8tGVDtveCjN+USwprd2q3QXBR9T1+x2DG0XZF5/w+7HAtSaXA==}
-    engines: {node: '>=10'}
-
   decimal.js@10.6.0:
     resolution: {integrity: sha512-YpgQiITW3JXGntzdUmyUR1V812Hn8T1YVXhCu+wO3OpS4eU9l4YdD3qjyiKdV6mvV29zapkMeD390UVEf2lkUg==}
 
@@ -10232,10 +10090,6 @@ packages:
     resolution: {integrity: sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==}
     engines: {node: '>= 0.8', npm: 1.2.8000 || >= 1.4.16}
 
-  detect-indent@4.0.0:
-    resolution: {integrity: sha512-BDKtmHlOzwI7iRuEkhzsnPoi5ypEhWAJB5RvHWe1kMr06js3uK5B3734i3ui5Yd+wOJV1cpE4JnivPD283GU/A==}
-    engines: {node: '>=0.10.0'}
-
   detect-libc@1.0.3:
     resolution: {integrity: sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg==}
     engines: {node: '>=0.10'}
@@ -10460,9 +10314,6 @@ packages:
   duplexer2@0.1.4:
     resolution: {integrity: sha512-asLFVfWWtJ90ZyOUHMqk7/S2w2guQKxUI2itj3d92ADHhxUSbCMGi1f1cBcJ7xM1To+pE/Khbwo1yuNbMEPKeA==}
 
-  dx-systemjs-vue-browser@1.1.2:
-    resolution: {integrity: sha512-Z6ibEOrWKd0ta/rZqDMVax3gScK3C4w5GzzeAor4GNaUJfhV6SjLRmpgdecYRtZTPvCvjlFHxF2Br6cXqa0Jig==}
-
   eastasianwidth@0.2.0:
     resolution: {integrity: sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==}
 
@@ -10550,10 +10401,6 @@ packages:
     resolution: {integrity: sha512-Qohcme7V1inbAfvjItgw0EaxVX5q2rdVEZHRBrEQdRZTssLDGsL8Lwrznl8oQ/6kuTJONLaDcGjkNP247XEhcA==}
     engines: {node: '>=10.13.0'}
 
-  enhanced-resolve@5.24.3:
-    resolution: {integrity: sha512-PwKooW9JUzh5chmYfHM3IQl5OkK2u2Nm011MgeZrss3JmFraUx/fqrf78kk8GUMYoibx/14MdwTl/1WKkG7TpQ==}
-    engines: {node: '>=10.13.0'}
-
   enhanced-resolve@5.24.5:
     resolution: {integrity: sha512-L1l8TNvomm6UVW5B253AGxQagSQr+vGwhMlrrfRS2qmhx46AMpMVJKQYLvWYbysTMY8VoicOvzHzoHMbyzB+4A==}
     engines: {node: '>=10.13.0'}
@@ -10663,23 +10510,9 @@ packages:
     resolution: {integrity: sha512-w+5mJ3GuFL+NjVtJlvydShqE1eN3h3PbI7/5LAsYJP/2qtuMXjfL2LpHSRqo4b4eSF5K/DH1JXKUAHSB2UW50g==}
     engines: {node: '>= 0.4'}
 
-  es5-ext@0.10.64:
-    resolution: {integrity: sha512-p2snDhiLaXe6dahss1LddxqEm+SkuDvV8dnIQG0MWjyHpcMNfXKPE+/Cc0y+PhxJX3A4xGNeFCj5oc0BUh6deg==}
-    engines: {node: '>=0.10'}
-
-  es6-iterator@2.0.3:
-    resolution: {integrity: sha512-zw4SRzoUkd+cl+ZoE15A9o1oQd920Bb0iOJMQkQhl3jNc03YqVjAhG7scf9C5KWRU/R13Orf588uCC6525o02g==}
-
   es6-object-assign@1.1.0:
     resolution: {integrity: sha512-MEl9uirslVwqQU369iHNWZXsI8yaZYGg/D65aOgZkeyFJwHYSxilf7rQzXKI7DdDuBPrBXbfk3sl9hJhmd5AUw==}
 
-  es6-symbol@3.1.4:
-    resolution: {integrity: sha512-U9bFFjX8tFiATgtkJ1zg25+KviIXpgRvRHS8sau3GfhVzThRQrOeksPeT0BWW2MNZs1OEWJ1DPXOQMn0KKRkvg==}
-    engines: {node: '>=0.12'}
-
-  es6-template-strings@2.0.1:
-    resolution: {integrity: sha512-5kTq0dEJfsm/EAteUCgLazcvWEhriVGwWFY3YgIsz89fJd+smi65/N1eS1Hn3B2dAngiqd0EvpXjr8lb7Quzkw==}
-
   esbuild-plugin-vue3@0.3.2:
     resolution: {integrity: sha512-KqZUPlIUS4vJLSexV3q5hgqIlsMWzlPtIuvZ1epZQvw/wJ/4vEPzEC1HQZduoHvUYvtnG703hsP1PsdpjTJ3ug==}
     peerDependencies:
@@ -10977,14 +10810,6 @@ packages:
       jiti:
         optional: true
 
-  esniff@1.1.3:
-    resolution: {integrity: sha512-SLBLpfE7xWgF/HbzhVuAwqnJDRqSCNZqcqaIMVm+f+PbTp1kFRWu6BuT83SATb4Tp+ovr+S+u7vDH7/UErAOkw==}
-    engines: {node: '>=0.10'}
-
-  esniff@2.0.1:
-    resolution: {integrity: sha512-kTUIGKQ/mDPFoJ0oVfcmyJn4iBDRptjNVIzwIFR7tqWXdVI9xfA2RMwY/gbSpJG3lkdWNEjLap/NqVHZiJsdfg==}
-    engines: {node: '>=0.10'}
-
   esotope-hammerhead@0.6.9:
     resolution: {integrity: sha512-rD9Jbh0SFJzKe1RGfsbwpN5IBdubHKC61xRW7A5BPgBTtEnFxsWOqPITVhBaVDc4r5VPmh+Y1U1wmqReTfn1AQ==}
 
@@ -11031,9 +10856,6 @@ packages:
     resolution: {integrity: sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==}
     engines: {node: '>= 0.6'}
 
-  event-emitter@0.3.5:
-    resolution: {integrity: sha512-D9rRn9y7kLPnJ+hMq7S/nhvoKwwvVJahBi2BPmx3bvbsEdK3W9ii8cBSGjP+72/LnM4n6fo3+dkCX5FeTQruXA==}
-
   event-target-shim@5.0.1:
     resolution: {integrity: sha512-i/2XbnSz/uxRCU6+NdVJgKWDTM427+MqYbkQzD321DuCQJUqOuJKIA0IM2+W2xtYHdKOmZ4dR6fExsd4SXL+WQ==}
     engines: {node: '>=6'}
@@ -11115,9 +10937,6 @@ packages:
     resolution: {integrity: sha512-hIS4idWWai69NezIdRt2xFVofaF4j+6INOpJlVOLDO8zXGpUVEVzIYk12UUi2JzjEzWL3IOAxcTubgz9Po0yXw==}
     engines: {node: '>= 18'}
 
-  ext@1.7.0:
-    resolution: {integrity: sha512-6hxeJYaL110a9b5TEJSj0gojyHQAmA2ch5Os+ySCiA1QGdS697XWY1pzsrSjqA9LDEEgdB/KypIlR59RcLuHYw==}
-
   extend-shallow@3.0.2:
     resolution: {integrity: sha512-BwY5b5Ql4+qZoefgMj2NUmx+tehVTH/Kf4k1ZEtOHNFcm2wSxMRo992l6X3TIgni2eZVTZ85xMOjF31fwZAj6Q==}
     engines: {node: '>=0.10.0'}
@@ -11212,10 +11031,6 @@ packages:
   file-entry-cache@10.1.4:
     resolution: {integrity: sha512-5XRUFc0WTtUbjfGzEwXc42tiGxQHBmtbUG1h9L2apu4SulCGN3Hqm//9D6FAolf8MYNL7f/YlJl9vy08pj5JuA==}
 
-  file-entry-cache@7.0.2:
-    resolution: {integrity: sha512-TfW7/1iI4Cy7Y8L6iqNdZQVvdXn0f8B4QcIXmkIbtTIe/Okm/nSlHb4IwGzRVOd3WfSieCgvf5cMzEfySAIl0g==}
-    engines: {node: '>=12.0.0'}
-
   file-entry-cache@8.0.0:
     resolution: {integrity: sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==}
     engines: {node: '>=16.0.0'}
@@ -11494,10 +11309,6 @@ packages:
     resolution: {integrity: sha512-Wjlyrolmm8uDpm/ogGyXZXb1Z+Ca2B8NbJwqBVg0axK9GbBeoS7yGV6vjXnYdGm6X53iehEuxxbyiKp8QmN4Vw==}
     engines: {node: 18 || 20 || >=22}
 
-  glob@5.0.15:
-    resolution: {integrity: sha512-c9IPMazfRITpmAAKi22dK1VKxGDX9ehhqfABDriL/lzO92xcUKEJPQHrVA/2YHSNFB4iFlykVmWvwo48nr3OxA==}
-    deprecated: Old versions of glob are not supported, and contain widely publicized security vulnerabilities, which have been fixed in the current version. Please update. Support for old versions may be purchased (at exorbitant rates) by contacting i@izs.me
-
   glob@7.2.3:
     resolution: {integrity: sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==}
     deprecated: Old versions of glob are not supported, and contain widely publicized security vulnerabilities, which have been fixed in the current version. Please update. Support for old versions may be purchased (at exorbitant rates) by contacting i@izs.me
@@ -11575,9 +11386,6 @@ packages:
   graceful-fs@4.2.11:
     resolution: {integrity: sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==}
 
-  graceful-readlink@1.0.1:
-    resolution: {integrity: sha512-8tLu60LgxF6XpdbK8OW3FA+IfTNBn1ZHGHKF4KQbEeSkajYw5PlYJcKluntgegDPTg8UkHjpet1T82vk6TQ68w==}
-
   graphemer@1.4.0:
     resolution: {integrity: sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==}
 
@@ -11590,17 +11398,9 @@ packages:
   handle-thing@2.0.1:
     resolution: {integrity: sha512-9Qn4yBxelxoh2Ow62nP+Ka/kMnOXRi8BXnRaUwezLNhqelnN49xKz4F/dPP8OYLxLxq6JDtZb2i9XznUQbNPTg==}
 
-  hard-rejection@2.1.0:
-    resolution: {integrity: sha512-VIZB+ibDhx7ObhAe7OVtoEbuP4h/MuOTHJ+J8h/eBXotJYl0fBgR72xDFCKgIh22OJZIOVNxBMWuhAr10r8HdA==}
-    engines: {node: '>=6'}
-
   harmony-reflect@1.6.2:
     resolution: {integrity: sha512-HIp/n38R9kQjDEziXyDTuW3vvoxxyxjxFzXLrBr18uB47GnSt+G9D29fqrpM5ZkspMcPICud3XsBJQ4Y2URg8g==}
 
-  has-ansi@2.0.0:
-    resolution: {integrity: sha512-C8vBJ8DwUCx19vhm7urhTuUsr4/IyP6l4VzNQDv+ryHQObW3TTTp9yB68WpYgRe2bbaGuZ/se74IqFeVnMnLZg==}
-    engines: {node: '>=0.10.0'}
-
   has-bigints@1.1.0:
     resolution: {integrity: sha512-R3pbpkcIqv2Pm3dUwgjclDRVmWpTJW2DcMzcIhEXEx1oh/CEMObMm3KLmRJOdvhM7o4uQBnwr8pzRK2sJWIqfg==}
     engines: {node: '>= 0.4'}
@@ -11712,10 +11512,6 @@ packages:
   hmac-drbg@1.0.1:
     resolution: {integrity: sha512-Tti3gMqLdZfhOQY1Mzf/AanLiqh1WTiJgEj26ZuYQ9fbkLomzGchCws4FyrSd4VkpBfiNhaE1On+lOz894jvXg==}
 
-  home-or-tmp@2.0.0:
-    resolution: {integrity: sha512-ycURW7oUxE2sNiPVw1HVEFsW+ecOpJ5zaj7eC0RlwhibhRBod20muUN8qu/gzx956YrLolVvs1MTXwKgC2rVEg==}
-    engines: {node: '>=0.10.0'}
-
   hono@4.13.0:
     resolution: {integrity: sha512-jhunvfHWxd7J5EFfSgH4xsYJzSe/lfqbUCxiyyeaQasUsXeEHXtzVid+7EOGByc5JnFa23SSFL3Y2RV/z1T+eQ==}
     engines: {node: '>=16.9.0'}
@@ -11733,10 +11529,6 @@ packages:
   hosted-git-info@2.8.9:
     resolution: {integrity: sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==}
 
-  hosted-git-info@4.1.0:
-    resolution: {integrity: sha512-kyCuEOWjJqZuDbRHzL8V93NzQhwIB71oFWSyzVo+KPZI+pnQPPxucdkrOZvkLRnrf5URsQM+IJ09Dw29cRALIA==}
-    engines: {node: '>=10'}
-
   hosted-git-info@9.0.2:
     resolution: {integrity: sha512-M422h7o/BR3rmCQ8UHi7cyyMqKltdP9Uo+J2fXK+RSAY+wTcKOIRyhTuKv4qn+DJf3g+PL890AzId5KZpX+CBg==}
     engines: {node: ^20.17.0 || >=22.9.0}
@@ -11972,10 +11764,6 @@ packages:
     resolution: {integrity: sha512-8/gvXvX2JMn0F+CDlSC4l6kOmVaLOO3XLkksI7CI3Ud95KDYJuYur2b9P/PUt/i/pDAMd/DulQsNbbbmRRsDIQ==}
     engines: {node: '>=6'}
 
-  import-lazy@4.0.0:
-    resolution: {integrity: sha512-rKtvo6a868b5Hu3heneU+L4yEQ4jYKLtjpnPeUdK7h0yzXGmyBTypknlkCvHFBqfX9YlorEiMM6Dnq/5atfHkw==}
-    engines: {node: '>=8'}
-
   import-local@3.2.0:
     resolution: {integrity: sha512-2SPlun1JUPWoM6t3F0dw0FkCF/jWY8kttcY4f599GLTSjh2OCuuhdTkJQsEcZzBqbXZGKMK2OqW1oZsjtf/gQA==}
     engines: {node: '>=8'}
@@ -12279,10 +12067,6 @@ packages:
     resolution: {integrity: sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==}
     engines: {node: '>=8'}
 
-  is-plain-obj@1.1.0:
-    resolution: {integrity: sha512-yvkRyxmFKEOQ4pNXCmJG5AEQNlXJS5LaONXo5/cLdTZdWvsZ1ioJEonLGAosKlMWE8lwUy/bJzMjcw8az73+Fg==}
-    engines: {node: '>=0.10.0'}
-
   is-plain-obj@4.1.0:
     resolution: {integrity: sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==}
     engines: {node: '>=12'}
@@ -12870,10 +12654,6 @@ packages:
       canvas:
         optional: true
 
-  jsesc@1.3.0:
-    resolution: {integrity: sha512-Mke0DA0QjUWuJlhsE0ZPPhYiJkRap642SmI/4ztCFaUs6V2AiH1sfecc+57NgaryfAA2VR3v6O+CSjC1jZJKOA==}
-    hasBin: true
-
   jsesc@3.0.2:
     resolution: {integrity: sha512-xKqzzWXDttJuOcawBt4KnKHHIf5oQ/Cxax+0PWFG+DFDgHNAdi+TXECADI+RYiFUMmx8792xsMbbgXj4CwnP4g==}
     engines: {node: '>=6'}
@@ -13012,9 +12792,6 @@ packages:
   knockout@3.5.3:
     resolution: {integrity: sha512-6iPv8M/xDPYfsiKyEyIPcSYBt8L+FZoJS/frLT8Nq3n9kMvP+WZ6ZPehYZV5c22Qc64Ie7unmTqYqgSdCB1Taw==}
 
-  known-css-properties@0.29.0:
-    resolution: {integrity: sha512-Ne7wqW7/9Cz54PDt4I3tcV+hAyat8ypyOGzYRJQfdxnnjeWsTxt1cy8pjvvKeI5kfXuyvULyeeAvwvvtAX3ayQ==}
-
   known-css-properties@0.35.0:
     resolution: {integrity: sha512-a/RAk2BfKk+WFGhhOCAYqSiFLc34k8Mt/6NWRI4joER0EYUzXIcFivjjnoD3+XU1DggLn/tZc3DOAgke7l8a4A==}
 
@@ -13439,14 +13216,6 @@ packages:
   makeerror@1.0.12:
     resolution: {integrity: sha512-JmqCvUhmt43madlpFzG4BQzG2Z3m6tvQDNKdClZnO3VbIudJYmxsT0FNJMeiB2+JTSlTQTSbU8QdesVmwJcmLg==}
 
-  map-obj@1.0.1:
-    resolution: {integrity: sha512-7N/q3lyZ+LVCp7PzuxrJr4KMbBE2hW7BT7YNia330OFxIf4d3r5zVpicP2650l7CPN6RM9zOJRl3NGpqSiw3Eg==}
-    engines: {node: '>=0.10.0'}
-
-  map-obj@4.3.0:
-    resolution: {integrity: sha512-hdN1wVrZbb29eBGiGjJbeP8JbKjq1urkHJ/LIP/NY48MZ1QVXUsQBV1G1zvYFHn1XE06cwjBsOI2K3Ulnj1YXQ==}
-    engines: {node: '>=8'}
-
   match-url-wildcard@0.0.4:
     resolution: {integrity: sha512-R1XhQaamUZPWLOPtp4ig5j+3jctN+skhgRmEQTUamMzmNtRG69QEirQs0NZKLtHMR7tzWpmtnS4Eqv65DcgXUA==}
 
@@ -13478,9 +13247,6 @@ packages:
   mdast-util-to-string@3.2.0:
     resolution: {integrity: sha512-V4Zn/ncyN1QNSqSBxTrMOLpjr+IKdHl2v3KVLoWmDPscP4r9GcCi71gjgvUV1SFSKh92AjAG4peFuBl2/YgCJg==}
 
-  mdn-data@2.0.30:
-    resolution: {integrity: sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==}
-
   mdn-data@2.27.1:
     resolution: {integrity: sha512-9Yubnt3e8A0OKwxYSXyhLymGW4sCufcLG6VdiDdUGVkPhpqLxlvP5vl1983gQjJl3tqbrM731mjaZaP68AgosQ==}
 
@@ -13512,10 +13278,6 @@ packages:
     resolution: {integrity: sha512-S3UwM3yj5mtUSEfP41UZmt/0SCoVYUcU1rkXv+BQ5Ig8ndL4sPoJNBUJERafdPb5jjHJGuMgytgKvKIf58XNBw==}
     engines: {node: '>= 0.10.0'}
 
-  meow@10.1.5:
-    resolution: {integrity: sha512-/d+PQ4GKmGvM9Bee/DPa8z3mXs/pkvJE2KEThngVNOqtmljC6K7NMPxtc2JeZYTmpWb9k/TmxjeL18ez3h7vCw==}
-    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
-
   meow@13.2.0:
     resolution: {integrity: sha512-pxQJQzB6djGPXh08dacEloMFopsOqGVRKFPYvPOt9XDZ1HasbgDZA74CJGreSU4G3Ak7EFJGoiH2auq+yXISgA==}
     engines: {node: '>=18'}
@@ -13699,10 +13461,6 @@ packages:
     resolution: {integrity: sha512-OBwBN9AL4dqmETlpS2zasx+vTeWclWzkblfZk7KTA5j3jeOONz/tRCnZomUyvNg83wL5Zv9Ss6HMJXAgL8R2Yg==}
     engines: {node: '>=16 || 14 >=14.17'}
 
-  minimist-options@4.1.0:
-    resolution: {integrity: sha512-Q4r8ghd80yhO/0j1O3B2BjweX3fiHg9cdOwjJd2J76Q135c+NDxGCqdYKQ1SKBuFfgWbAUzBfvYjPUEeNgqN1A==}
-    engines: {node: '>= 6'}
-
   minimist@1.2.8:
     resolution: {integrity: sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==}
 
@@ -13937,9 +13695,6 @@ packages:
   nested-error-stacks@2.1.1:
     resolution: {integrity: sha512-9iN1ka/9zmX1ZvLV9ewJYEk9h7RyRRtqdK0woXcqohu8EWIerfPUjYJPg0ULy0UqP7cslmdGc8xKDJcojlKiaw==}
 
-  next-tick@1.1.0:
-    resolution: {integrity: sha512-CXdUiJembsNjuToQvxayPZF9Vqht7hewsvy2sOWafLvi2awflj9mOC6bHIg50orX8IJvWKY9wYQ/zB2kogPslQ==}
-
   ng-packagr@20.3.2:
     resolution: {integrity: sha512-yW5ME0hqTz38r/th/7zVwX5oSIw1FviSA2PUlGZdVjghDme/KX6iiwmOBmlt9E9whNmwijEC6Gn3KKbrsBx8ig==}
     engines: {node: ^20.19.0 || ^22.12.0 || >=24.0.0}
@@ -14047,10 +13802,6 @@ packages:
   normalize-package-data@2.5.0:
     resolution: {integrity: sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==}
 
-  normalize-package-data@3.0.3:
-    resolution: {integrity: sha512-p2W1sgqij3zMMyRC067Dg16bfzVH+w7hyegmpIvZ4JNjqtGOVAIvLmjBx3yP7YTe9vKJgkoNOPjwQGogDoMXFA==}
-    engines: {node: '>=10'}
-
   normalize-path@3.0.0:
     resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==}
     engines: {node: '>=0.10.0'}
@@ -14272,14 +14023,6 @@ packages:
   os-family@1.1.0:
     resolution: {integrity: sha512-E3Orl5pvDJXnVmpaAA2TeNNpNhTMl4o5HghuWhOivBjEiTnJSrMYSa5uZMek1lBEvu8kKEsa2YgVcGFVDqX/9w==}
 
-  os-homedir@1.0.2:
-    resolution: {integrity: sha512-B5JU3cabzk8c67mRRd3ECmROafjYMXbuzlwtqdM8IbS8ktlTix8aFGb2bAGKrSRIlnfKwovGUUr72JUPyOb6kQ==}
-    engines: {node: '>=0.10.0'}
-
-  os-tmpdir@1.0.2:
-    resolution: {integrity: sha512-D2FR03Vir7FIu45XBY20mTb+/ZSWB00sjU9jdQXt83gDrI4Ztz5Fs7/yy74g2N5SVQY4xY1qDr4rNddwYRVX0g==}
-    engines: {node: '>=0.10.0'}
-
   own-keys@1.0.1:
     resolution: {integrity: sha512-qFOyK5PjiWZd+QQIh+1jhdb9LpxTF0qs7Pm8o5QHYZ0M3vKqSqzsZaEB6oWlxZ+q2sJBMI/Ktgd2N5ZwQoRHfg==}
     engines: {node: '>= 0.4'}
@@ -14750,10 +14493,6 @@ packages:
     resolution: {integrity: sha512-66hKPCr+72mlfiSjlEB1+45IjXSqvVAIy6mocupoww4tBFE9R9IhwwUGoI4G++Tc9Aq+2rxOt0RFU6gPcrte0A==}
     engines: {node: '>= 0.8'}
 
-  private@0.1.8:
-    resolution: {integrity: sha512-VvivMrbvd2nKkiG38qjULzlc+4Vx4wm/whI9pQD35YrARNnhxeiRktSOhSukRLFNlzg6Br/cJPet5J/u19r/mg==}
-    engines: {node: '>= 0.6'}
-
   probe-image-size@7.3.0:
     resolution: {integrity: sha512-7CaDeBwiAbh6ohXsvLbAZhO7wzsZAmaevfxe39qvCwRh8LyaZfDlBGGLU1CCTgrTLtCOdwBBhjOrIHaIIimHfQ==}
 
@@ -14895,10 +14634,6 @@ packages:
   queue-microtask@1.2.3:
     resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
 
-  quick-lru@5.1.1:
-    resolution: {integrity: sha512-WuyALRjWPDGtt/wzJiadO5AXY+8hZ80hVpe6MyivgraREW751X3SbhRvG3eLKOYN+8VEvqLcf3wdnt44Z4S4SA==}
-    engines: {node: '>=10'}
-
   quill-delta@5.1.0:
     resolution: {integrity: sha512-X74oCeRI4/p0ucjb5Ma8adTXd9Scumz367kkMK5V/IatcX6A0vlgLgKbzXWy5nZmCGeNJm2oQX0d2Eqj+ZIlCA==}
     engines: {node: '>= 12.0.0'}
@@ -15015,18 +14750,10 @@ packages:
   read-only-stream@2.0.0:
     resolution: {integrity: sha512-3ALe0bjBVZtkdWKIcThYpQCLbBMd/+Tbh2CDSrAIDO3UsZ4Xs+tnyjv2MjCOMMgBG+AsUOeuP1cgtY1INISc8w==}
 
-  read-pkg-up@8.0.0:
-    resolution: {integrity: sha512-snVCqPczksT0HS2EC+SxUndvSzn6LRCwpfSvLrIfR5BKDQQZMaI6jPRC9dYvYFDRAuFEAnkwww8kBBNE/3VvzQ==}
-    engines: {node: '>=12'}
-
   read-pkg@5.2.0:
     resolution: {integrity: sha512-Ug69mNOpfvKDAc2Q8DRpMjjzdtrnv9HcSMX+4VsZxD1aZ6ZzrIE7rlzXBtWTyhULSMKg076AW6WR5iZpD0JiOg==}
     engines: {node: '>=8'}
 
-  read-pkg@6.0.0:
-    resolution: {integrity: sha512-X1Fu3dPuk/8ZLsMhEj5f4wFAF0DWoK7qhGJvgaijocXxBmSToKfbFtqbxMO7bVjNA1dmE5huAzjXj/ey86iw9Q==}
-    engines: {node: '>=12'}
-
   readable-stream@2.3.8:
     resolution: {integrity: sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==}
 
@@ -15073,10 +14800,6 @@ packages:
     resolution: {integrity: sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==}
     engines: {node: '>=8'}
 
-  redent@4.0.0:
-    resolution: {integrity: sha512-tYkDkVVtYkSVhuQ4zBgfvciymHaeuel+zFKXShfDnFP5SyVEP7qo70Rf1jTOTCx3vGNAbnEi/xFkcfQVMIBWag==}
-    engines: {node: '>=12'}
-
   reflect-metadata@0.1.13:
     resolution: {integrity: sha512-Ts1Y/anZELhSsjMcU605fU9RE4Oi3p5ORujwbIKXfWa+0Zxs510Qrmrce5/Jowq3cHSZSJqBjypxmHarc+vEWg==}
 
@@ -15094,9 +14817,6 @@ packages:
   regenerate@1.4.2:
     resolution: {integrity: sha512-zrceR/XhGYU/d/opr2EKO7aRHUeiBI8qjtfHqADTwZd6Szfy16la6kqD0MIUs5z5hx6AaKa+PixpPrR289+I0A==}
 
-  regenerator-runtime@0.11.1:
-    resolution: {integrity: sha512-MguG95oij0fC3QV3URf4V2SDYGJhJnJGqvIIgdECeODCT98wSWDAJ94SSuVpYQUoTcGUIL6L4yNB7j1DFFHSBg==}
-
   regenerator-runtime@0.13.11:
     resolution: {integrity: sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==}
 
@@ -15165,10 +14885,6 @@ packages:
     engines: {node: '>=0.10.0'}
     hasBin: true
 
-  repeating@2.0.1:
-    resolution: {integrity: sha512-ZqtSMuVybkISo2OWvqvm7iHSWngvdaW3IpsT9/uP8v4gMi591LY6h35wdOfvQdWCKFWZWm2Y1Opp4kV7vQKT6A==}
-    engines: {node: '>=0.10.0'}
-
   replace-ext@1.0.1:
     resolution: {integrity: sha512-yD5BHCe7quCgBph4rMQ+0KkIRKwWCrHDOX1p1Gp6HwjPM5kVoCdKGNhN7ydqqsX6lJEnQDKZ/tFMiEdQ1dvPEw==}
     engines: {node: '>= 0.10'}
@@ -15332,10 +15048,6 @@ packages:
   rrule@2.8.1:
     resolution: {integrity: sha512-hM3dHSBMeaJ0Ktp7W38BJZ7O1zOgaFEsn41PDk+yHoEtfLV+PoJt9E9xAlZiWgf/iqEqionN0ebHFZIDAp+iGw==}
 
-  rsvp@3.6.2:
-    resolution: {integrity: sha512-OfWGQTb9vnwRjwtA2QwpG2ICclHC3pgXZO5xt8H2EfgDquO0qVdSb5T88L4qJVAEugbS56pAuV4XZM58UX8ulw==}
-    engines: {node: 0.12.* || 4.* || 6.* || >= 7.*}
-
   run-applescript@7.1.0:
     resolution: {integrity: sha512-DPe5pVFaAsinSaV6QjQ6gdiedWDcRCbUuiQfQa2wmWV7+xC9bGulGI8+TdRmoFkAPaBXk8CrAbnlY2ISniJ47Q==}
     engines: {node: '>=18'}
@@ -15766,10 +15478,6 @@ packages:
   sisteransi@1.0.5:
     resolution: {integrity: sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==}
 
-  slash@1.0.0:
-    resolution: {integrity: sha512-3TYDR7xWt4dIqV2JauJr+EJeW356RXijHeUlO+8djJ+uBXPn8/2dpzBc8yQhh583sVvc9CvFAeQVgijsH+PNNg==}
-    engines: {node: '>=0.10.0'}
-
   slash@3.0.0:
     resolution: {integrity: sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==}
     engines: {node: '>=8'}
@@ -15836,12 +15544,6 @@ packages:
     peerDependencies:
       webpack: ^5.72.1
 
-  source-map-support@0.2.10:
-    resolution: {integrity: sha512-gGKOSat73z0V8wBKo9AGxZZyekczBireh1hHktbt+kb9acsCB5OfVCF2DCWlztcQ3r5oNN7f2BL0B2xOcoJ/DQ==}
-
-  source-map-support@0.4.18:
-    resolution: {integrity: sha512-try0/JqxPLF9nOjvSta7tVondkP5dwgyLDjVoyMDlmjugT2lRZ1OfsrYTkCd2hkDnJTKRbO/Rl3orm8vlsUzbA==}
-
   source-map-support@0.5.13:
     resolution: {integrity: sha512-SHSKFHadjVA5oR4PPqhtAVdcBWwRYVd6g6cAXnIbRiIwc2EhPrTuKUBdSLvlEKyIP3GCf89fltvcZiP9MMFA1w==}
 
@@ -15851,10 +15553,6 @@ packages:
   source-map-support@0.5.21:
     resolution: {integrity: sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==}
 
-  source-map@0.1.32:
-    resolution: {integrity: sha512-htQyLrrRLkQ87Zfrir4/yN+vAUd6DNjVayEjTSHXu29AYQJw57I4/xEL/M6p6E/woPNJwvZt6rVlzc7gFEJccQ==}
-    engines: {node: '>=0.8.0'}
-
   source-map@0.5.7:
     resolution: {integrity: sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==}
     engines: {node: '>=0.10.0'}
@@ -16032,10 +15730,6 @@ packages:
     resolution: {integrity: sha512-rHqiFh1elqCQ9WPLIC8I0Q/g/wj5J1eMkyoiD6eoQApWHP0FtlK7rqnhmabL5VUY9JQCcqwwvlOaSuutekgyrw==}
     engines: {node: '>=4'}
 
-  strip-ansi@3.0.1:
-    resolution: {integrity: sha512-VhumSSbBqDTP8p2ZLKj40UjBCV4+v8bUSEpUb4KjRgWk9pbqGF4REFj6KEagidb2f/M6AzC0EmFyDNGaw9OCzg==}
-    engines: {node: '>=0.10.0'}
-
   strip-ansi@6.0.1:
     resolution: {integrity: sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==}
     engines: {node: '>=8'}
@@ -16167,11 +15861,6 @@ packages:
     peerDependencies:
       stylelint: ^16.0.2
 
-  stylelint@15.11.0:
-    resolution: {integrity: sha512-78O4c6IswZ9TzpcIiQJIN49K3qNoXTM8zEJzhaTE/xRTCZswaovSEVIa/uwbOltZrk16X4jAxjaOhzz/hTm1Kw==}
-    engines: {node: ^14.13.1 || >=16.0.0}
-    hasBin: true
-
   stylelint@16.22.0:
     resolution: {integrity: sha512-SVEMTdjKNV4ollUrIY9ordZ36zHv2/PHzPjfPMau370MlL2VYXeLgSNMMiEbLGRO8RmD2R8/BVUeF2DfnfkC0w==}
     engines: {node: '>=18.12.0'}
@@ -16185,10 +15874,6 @@ packages:
   subarg@1.0.0:
     resolution: {integrity: sha512-RIrIdRY0X1xojthNcVtgT9sjpOGagEUKpZdgBUi054OEPFo282yg+zE+t1Rj3+RqKq2xStL7uUHhY+AjbC4BXg==}
 
-  supports-color@2.0.0:
-    resolution: {integrity: sha512-KKNVtd6pCYgPIKU4cp2733HWYCpplQhddZLBUryaAHou723x+FRzQ5Df824Fj+IyyuiQTRoub4SnIFfIcrp70g==}
-    engines: {node: '>=0.8.0'}
-
   supports-color@5.5.0:
     resolution: {integrity: sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==}
     engines: {node: '>=4'}
@@ -16240,9 +15925,6 @@ packages:
   syntax-error@1.4.0:
     resolution: {integrity: sha512-YPPlu67mdnHGTup2A8ff7BC2Pjq0e0Yp/IyTFN03zWO0RcK07uLcbi7C2KpGR2FvWbaB0+bfE27a+sBKebSo7w==}
 
-  systemjs-builder@0.16.15:
-    resolution: {integrity: sha512-C18G//KWWwQpstAVBUDt0YbbqvSFVVtr0MFqtf2zB4U/cePOA00Btcja++mzlFLMnepVpDv0GdtfE/6A8lrxeA==}
-
   systemjs-plugin-babel@0.0.25:
     resolution: {integrity: sha512-RMKSizWWlw4+IpDB385ugxn7Owd9W+HEtjYDQ6yO1FpsnER/vk6FbXRweUF+mvRi6EHgk8vDdUdtui7ReDwX3w==}
 
@@ -16258,9 +15940,6 @@ packages:
   systemjs@0.19.41:
     resolution: {integrity: sha512-8E9CmZ01dIr52po2LNhc3QuKyeSTyvQfshHMi3lekSbEOdR9OAUOX2X+wPKunZX3CpudM6w3r8eTCjGQrK79Wg==}
 
-  systemjs@0.19.47:
-    resolution: {integrity: sha512-6P+63y7bQhZXqOcim7QU0TKEjCmQArFkKa+CxlDchIerej7wrXLUoyGuWk+L0yC5rYrZ5LI6Eh1QOawttQq5xw==}
-
   table@6.9.0:
     resolution: {integrity: sha512-9kY+CygyYM6j02t5YFHbNz2FN5QmYGv9zAjVp4lCDjlCw7amdckXlEt/bjMhUIfj4ThGRE4gCUH5+yGnNuPo5A==}
     engines: {node: '>=10.0.0'}
@@ -16444,10 +16123,6 @@ packages:
     resolution: {integrity: sha512-db0E3UJjcFhpDhAF4tLo03oli3pwl3dbnzXOUIlRKrp+ldk/VUxzpWYZENsw2SZiuBjHAk7DfB0VU7NKdpb6sw==}
     engines: {node: '>= 0.4'}
 
-  to-fast-properties@1.0.3:
-    resolution: {integrity: sha512-lxrWP8ejsq+7E3nNjwYmUBMAgjMTZoTI+sdBOpvNyijeDLa29LUn9QaoXAHv4+Z578hbmHHJKZknzxVtvo77og==}
-    engines: {node: '>=0.10.0'}
-
   to-regex-range@5.0.1:
     resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
     engines: {node: '>=8.0'}
@@ -16471,11 +16146,6 @@ packages:
     resolution: {integrity: sha512-l7FvfAHlcmulp8kr+flpQZmVwtu7nfRV7NZujtN0OqES8EL4O4e0qqzL0DC5gAvx/ZC/9lk6rhcUwYvkBnBnYA==}
     engines: {node: '>=12'}
 
-  traceur@0.0.105:
-    resolution: {integrity: sha512-WCcn9XUOl8ZxAlWFvZK2N36bwXwc+WqB72rMx8/XXA57ba3mtz/L9piMxiefM5RwFZlxK22SC/yKKQw1VcJsXA==}
-    engines: {node: '>=0.10'}
-    hasBin: true
-
   tree-dump@1.1.0:
     resolution: {integrity: sha512-rMuvhU4MCDbcbnleZTFezWsaZXRFemSqAM+7jPnzUl1fo9w3YEKOxAeui0fz3OI4EU4hf23iyA7uQRVko+UaBA==}
     engines: {node: '>=10.0'}
@@ -16489,14 +16159,6 @@ packages:
   trim-lines@3.0.1:
     resolution: {integrity: sha512-kRj8B+YHZCc9kQYdWfJB2/oUl9rA99qbowYYBtr4ui4mZyAQ2JpvVBd/6U2YloATfqBhBTSMhTpgBHtU0Mf3Rg==}
 
-  trim-newlines@4.1.1:
-    resolution: {integrity: sha512-jRKj0n0jXWo6kh62nA5TEh3+4igKDXLvzBJcPpiizP7oOolUrYIxmVBG9TOtHYFHoddUk6YvAkGeGoSVTXfQXQ==}
-    engines: {node: '>=12'}
-
-  trim-right@1.0.1:
-    resolution: {integrity: sha512-WZGXGstmCWgeevgTL54hrCuw1dyMQIzWy7ZfqRJfSmJZBwklI15egmQytFP6bPidmw3M8d5yEowl1niq4vmqZw==}
-    engines: {node: '>=0.10.0'}
-
   trim-trailing-lines@2.1.0:
     resolution: {integrity: sha512-5UR5Biq4VlVOtzqkm2AZlgvSlDJtME46uV0br0gENbwN4l5+mMKT4b9gJKqWtuL2zAIqajGJGuvbCbcAJUZqBg==}
 
@@ -16681,9 +16343,6 @@ packages:
     resolution: {integrity: sha512-faYHw0anBbc/kWF3zFTEnxSFOAGUX9GFbOBthvDdLsIlEoWOFOtS0zgCiQYwIskL9iGXZL3kAXD8OoZ4GmMATA==}
     engines: {node: '>= 18'}
 
-  type@2.7.3:
-    resolution: {integrity: sha512-8j+1QmAbPvLZow5Qpi6NCaN8FB60p/6x8/vfNqOk/hC+HuvFZhL4+WfekuhQLiqFZXOgQdrs3B+XxEmCc6b3FQ==}
-
   typed-array-buffer@1.0.3:
     resolution: {integrity: sha512-nAYYwfY3qnzX30IkA6AQZjVbtK6duGontcQm1WSG1MD94YLqK0515GNApXkoxKOWMusVssAHWLh9SeaoefYFGw==}
     engines: {node: '>= 0.4'}
@@ -17636,9 +17295,6 @@ packages:
   zod@4.1.13:
     resolution: {integrity: sha512-AvvthqfqrAhNH9dnfmrfKzX5upOdjUVJYFqNSlkmGf64gRaTzlPwz99IHYnVs28qYAybvAlBV+H7pn0saFY4Ig==}
 
-  zod@4.4.2:
-    resolution: {integrity: sha512-IynmDyxsEsb9RKzO3J9+4SxXnl2FTFSzNBaKKaMV6tsSk0rw9gYw9gs+JFCq/qk2LCZ78KDwyj+Z289TijSkUw==}
-
   zod@4.4.3:
     resolution: {integrity: sha512-ytENFjIJFl2UwYglde2jchW2Hwm4GJFLDiSXWdTrJQBIN9Fcyp7n4DhxJEiWNAJMV1/BqWfW/kkg71UDcHJyTQ==}
 
@@ -17944,13 +17600,13 @@ snapshots:
       - webpack-cli
       - yaml
 
-  '@angular-devkit/build-angular@22.1.2(258b0df82f598bf0cbd063448ecf32b5)':
+  '@angular-devkit/build-angular@22.1.2(5ff3e14daa3065d6e7c118ba510a3c83)':
     dependencies:
       '@ampproject/remapping': 2.3.0
       '@angular-devkit/architect': 0.2201.2(chokidar@5.0.0)
       '@angular-devkit/build-webpack': 0.2201.2(chokidar@5.0.0)(webpack-dev-server@5.2.6(tslib@2.8.1)(webpack@5.109.2(@swc/core@1.15.30(@swc/helpers@0.5.21))(esbuild@0.28.1)(postcss@8.5.23)))(webpack@5.109.2(@swc/core@1.15.30(@swc/helpers@0.5.21))(esbuild@0.28.1)(postcss@8.5.23))
       '@angular-devkit/core': 22.1.2(chokidar@5.0.0)
-      '@angular/build': 22.1.2(f076a2752836734f19dd852b068a7651)
+      '@angular/build': 22.1.2(979134f128935e07df464866dce83b55)
       '@angular/compiler-cli': 22.1.0(@angular/compiler@22.1.0)(typescript@6.0.3)
       '@babel/core': 8.0.1
       '@babel/generator': 8.0.0
@@ -17970,7 +17626,7 @@ snapshots:
       copy-webpack-plugin: 14.0.0(webpack@5.109.2(@swc/core@1.15.30(@swc/helpers@0.5.21))(esbuild@0.28.1)(postcss@8.5.23))
       css-loader: 7.1.4(webpack@5.109.2(@swc/core@1.15.30(@swc/helpers@0.5.21))(esbuild@0.28.1)(postcss@8.5.23))
       esbuild-wasm: 0.28.1
-      http-proxy-middleware: 4.2.0
+      http-proxy-middleware: 4.2.0(supports-color@7.2.0)
       istanbul-lib-instrument: 6.0.3
       jsonc-parser: 3.3.1
       karma-source-map-support: 1.4.0
@@ -18287,7 +17943,7 @@ snapshots:
       - tsx
       - yaml
 
-  '@angular/build@22.1.2(f076a2752836734f19dd852b068a7651)':
+  '@angular/build@22.1.2(979134f128935e07df464866dce83b55)':
     dependencies:
       '@ampproject/remapping': 2.3.0
       '@angular-devkit/architect': 0.2201.2(chokidar@5.0.0)
@@ -18296,12 +17952,12 @@ snapshots:
       '@babel/core': 8.0.1
       '@babel/helper-annotate-as-pure': 8.0.0
       '@babel/helper-split-export-declaration': 7.24.7
-      '@inquirer/confirm': 6.1.1(@types/node@26.1.1)
-      '@vitejs/plugin-basic-ssl': 2.3.0(vite@8.1.5(@types/node@26.1.1)(esbuild@0.28.1)(jiti@2.6.1)(less@4.6.7)(sass-embedded@1.93.3)(sass@1.101.0)(terser@5.49.0)(yaml@2.9.0))
+      '@inquirer/confirm': 6.1.1(@types/node@20.19.37)
+      '@vitejs/plugin-basic-ssl': 2.3.0(vite@8.1.5(@types/node@20.19.37)(esbuild@0.28.1)(jiti@2.6.1)(less@4.6.7)(sass-embedded@1.93.3)(sass@1.101.0)(terser@5.49.0)(yaml@2.9.0))
       beasties: 0.4.3
       browserslist: 4.28.7
       esbuild: 0.28.1
-      https-proxy-agent: 9.1.0
+      https-proxy-agent: 9.1.0(supports-color@7.2.0)
       jsonc-parser: 3.3.1
       listr2: 10.2.2
       magic-string: 1.0.0
@@ -18317,7 +17973,7 @@ snapshots:
       tinyglobby: 0.2.17
       tslib: 2.8.1
       typescript: 6.0.3
-      vite: 8.1.5(@types/node@26.1.1)(esbuild@0.28.1)(jiti@2.6.1)(less@4.6.7)(sass-embedded@1.93.3)(sass@1.101.0)(terser@5.49.0)(yaml@2.9.0)
+      vite: 8.1.5(@types/node@20.19.37)(esbuild@0.28.1)(jiti@2.6.1)(less@4.6.7)(sass-embedded@1.93.3)(sass@1.101.0)(terser@5.49.0)(yaml@2.9.0)
       watchpack: 2.5.2
     optionalDependencies:
       '@angular/core': 22.1.0(@angular/compiler@22.1.0)(rxjs@7.8.2)(zone.js@0.16.2)
@@ -18343,14 +17999,14 @@ snapshots:
       - tsx
       - yaml
 
-  '@angular/cli@20.3.24(@types/node@20.11.17)(chokidar@4.0.3)(supports-color@7.2.0)':
+  '@angular/cli@20.3.24(@types/node@20.11.17)(chokidar@4.0.3)':
     dependencies:
       '@angular-devkit/architect': 0.2003.24(chokidar@4.0.3)
       '@angular-devkit/core': 20.3.24(chokidar@4.0.3)
       '@angular-devkit/schematics': 20.3.24(chokidar@4.0.3)
       '@inquirer/prompts': 7.8.2(@types/node@20.11.17)
       '@listr2/prompt-adapter-inquirer': 3.0.1(@inquirer/prompts@7.8.2(@types/node@20.11.17))(@types/node@20.11.17)(listr2@9.0.1)
-      '@modelcontextprotocol/sdk': 1.26.0(supports-color@7.2.0)(zod@4.1.13)
+      '@modelcontextprotocol/sdk': 1.26.0(zod@4.1.13)
       '@schematics/angular': 20.3.24(chokidar@4.0.3)
       '@yarnpkg/lockfile': 1.1.0
       algoliasearch: 5.35.0
@@ -18358,7 +18014,7 @@ snapshots:
       jsonc-parser: 3.3.1
       listr2: 9.0.1
       npm-package-arg: 13.0.0
-      pacote: 21.0.4(supports-color@7.2.0)
+      pacote: 21.0.4
       resolve: 1.22.10
       semver: 7.7.2
       yargs: 18.0.0
@@ -18376,7 +18032,7 @@ snapshots:
       '@angular-devkit/schematics': 20.3.24(chokidar@4.0.3)
       '@inquirer/prompts': 7.8.2(@types/node@20.19.37)
       '@listr2/prompt-adapter-inquirer': 3.0.1(@inquirer/prompts@7.8.2(@types/node@20.19.37))(@types/node@20.19.37)(listr2@9.0.1)
-      '@modelcontextprotocol/sdk': 1.26.0(supports-color@7.2.0)(zod@4.1.13)
+      '@modelcontextprotocol/sdk': 1.26.0(zod@4.1.13)
       '@schematics/angular': 20.3.24(chokidar@4.0.3)
       '@yarnpkg/lockfile': 1.1.0
       algoliasearch: 5.35.0
@@ -18384,7 +18040,7 @@ snapshots:
       jsonc-parser: 3.3.1
       listr2: 9.0.1
       npm-package-arg: 13.0.0
-      pacote: 21.0.4(supports-color@7.2.0)
+      pacote: 21.0.4
       resolve: 1.22.10
       semver: 7.7.2
       yargs: 18.0.0
@@ -18402,7 +18058,7 @@ snapshots:
       '@angular-devkit/schematics': 20.3.24(chokidar@4.0.3)
       '@inquirer/prompts': 7.8.2(@types/node@26.1.1)
       '@listr2/prompt-adapter-inquirer': 3.0.1(@inquirer/prompts@7.8.2(@types/node@26.1.1))(@types/node@26.1.1)(listr2@9.0.1)
-      '@modelcontextprotocol/sdk': 1.26.0(supports-color@7.2.0)(zod@4.1.13)
+      '@modelcontextprotocol/sdk': 1.26.0(zod@4.1.13)
       '@schematics/angular': 20.3.24(chokidar@4.0.3)
       '@yarnpkg/lockfile': 1.1.0
       algoliasearch: 5.35.0
@@ -18410,7 +18066,7 @@ snapshots:
       jsonc-parser: 3.3.1
       listr2: 9.0.1
       npm-package-arg: 13.0.0
-      pacote: 21.0.4(supports-color@7.2.0)
+      pacote: 21.0.4
       resolve: 1.22.10
       semver: 7.7.2
       yargs: 18.0.0
@@ -18421,13 +18077,13 @@ snapshots:
       - chokidar
       - supports-color
 
-  '@angular/cli@22.1.2(@types/node@26.1.1)(chokidar@5.0.0)':
+  '@angular/cli@22.1.2(@types/node@20.19.37)(chokidar@5.0.0)':
     dependencies:
       '@angular-devkit/architect': 0.2201.2(chokidar@5.0.0)
       '@angular-devkit/core': 22.1.2(chokidar@5.0.0)
       '@angular-devkit/schematics': 22.1.2(chokidar@5.0.0)
-      '@inquirer/prompts': 8.5.2(@types/node@26.1.1)
-      '@listr2/prompt-adapter-inquirer': 4.2.4(@inquirer/prompts@8.5.2(@types/node@26.1.1))(@types/node@26.1.1)(listr2@10.2.2)
+      '@inquirer/prompts': 8.5.2(@types/node@20.19.37)
+      '@listr2/prompt-adapter-inquirer': 4.2.4(@inquirer/prompts@8.5.2(@types/node@20.19.37))(@types/node@20.19.37)(listr2@10.2.2)
       '@modelcontextprotocol/sdk': 1.29.0(zod@4.4.3)
       '@schematics/angular': 22.1.2(chokidar@5.0.0)
       jsonc-parser: 3.3.1
@@ -18539,7 +18195,7 @@ snapshots:
       '@standard-schema/spec': 1.1.0
       rxjs: 7.8.2
       tslib: 2.8.1
-      zod: 4.4.2
+      zod: 4.4.3
 
   '@angular/platform-browser-dynamic@20.3.27(@angular/common@20.3.27(@angular/core@20.3.27(@angular/compiler@20.3.27)(rxjs@7.8.2)(zone.js@0.15.1))(rxjs@7.8.2))(@angular/compiler@20.3.27)(@angular/core@20.3.27(@angular/compiler@20.3.27)(rxjs@7.8.2)(zone.js@0.15.1))(@angular/platform-browser@20.3.27(@angular/common@20.3.27(@angular/core@20.3.27(@angular/compiler@20.3.27)(rxjs@7.8.2)(zone.js@0.15.1))(rxjs@7.8.2))(@angular/core@20.3.27(@angular/compiler@20.3.27)(rxjs@7.8.2)(zone.js@0.15.1)))':
     dependencies:
@@ -18657,17 +18313,17 @@ snapshots:
       obug: 2.1.4
       semver: 7.8.5
 
-  '@babel/eslint-parser@7.29.7(@babel/core@7.29.7)(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))':
+  '@babel/eslint-parser@7.29.7(@babel/core@7.29.7)(eslint@9.39.4(jiti@2.6.1))':
     dependencies:
       '@babel/core': 7.29.7
       '@nicolo-ribaudo/eslint-scope-5-internals': 5.1.1-v1
-      eslint: 9.39.4(jiti@2.6.1)(supports-color@7.2.0)
+      eslint: 9.39.4(jiti@2.6.1)
       eslint-visitor-keys: 2.1.0
       semver: 6.3.1
 
-  '@babel/eslint-parser@7.29.7(@babel/core@7.29.7)(eslint@9.39.4(jiti@2.6.1))':
+  '@babel/eslint-parser@7.29.7(@babel/core@8.0.1)(eslint@9.39.4(jiti@2.6.1))':
     dependencies:
-      '@babel/core': 7.29.7
+      '@babel/core': 8.0.1
       '@nicolo-ribaudo/eslint-scope-5-internals': 5.1.1-v1
       eslint: 9.39.4(jiti@2.6.1)
       eslint-visitor-keys: 2.1.0
@@ -18792,7 +18448,7 @@ snapshots:
       regexpu-core: 6.4.0
       semver: 7.8.5
 
-  '@babel/helper-define-polyfill-provider@0.4.4(@babel/core@7.29.7)(supports-color@7.2.0)':
+  '@babel/helper-define-polyfill-provider@0.4.4(@babel/core@7.29.7)':
     dependencies:
       '@babel/core': 7.29.7
       '@babel/helper-compilation-targets': 7.29.7
@@ -18803,7 +18459,7 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/helper-define-polyfill-provider@0.5.0(@babel/core@7.29.7)(supports-color@7.2.0)':
+  '@babel/helper-define-polyfill-provider@0.5.0(@babel/core@7.29.7)':
     dependencies:
       '@babel/core': 7.29.7
       '@babel/helper-compilation-targets': 7.29.7
@@ -20227,14 +19883,14 @@ snapshots:
       '@babel/core': 8.0.1
       '@babel/helper-plugin-utils': 8.0.1(@babel/core@8.0.1)
 
-  '@babel/plugin-transform-runtime@7.23.3(@babel/core@7.29.7)(supports-color@7.2.0)':
+  '@babel/plugin-transform-runtime@7.23.3(@babel/core@7.29.7)':
     dependencies:
       '@babel/core': 7.29.7
       '@babel/helper-module-imports': 7.29.7
       '@babel/helper-plugin-utils': 7.29.7
       babel-plugin-polyfill-corejs2: 0.4.17(@babel/core@7.29.7)
-      babel-plugin-polyfill-corejs3: 0.8.7(@babel/core@7.29.7)(supports-color@7.2.0)
-      babel-plugin-polyfill-regenerator: 0.5.5(@babel/core@7.29.7)(supports-color@7.2.0)
+      babel-plugin-polyfill-corejs3: 0.8.7(@babel/core@7.29.7)
+      babel-plugin-polyfill-regenerator: 0.5.5(@babel/core@7.29.7)
       semver: 6.3.1
     transitivePeerDependencies:
       - supports-color
@@ -20880,23 +20536,12 @@ snapshots:
     dependencies:
       '@jridgewell/trace-mapping': 0.3.9
 
-  '@csstools/css-parser-algorithms@2.7.1(@csstools/css-tokenizer@2.4.1)':
-    dependencies:
-      '@csstools/css-tokenizer': 2.4.1
-
   '@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4)':
     dependencies:
       '@csstools/css-tokenizer': 3.0.4
 
-  '@csstools/css-tokenizer@2.4.1': {}
-
   '@csstools/css-tokenizer@3.0.4': {}
 
-  '@csstools/media-query-list-parser@2.1.13(@csstools/css-parser-algorithms@2.7.1(@csstools/css-tokenizer@2.4.1))(@csstools/css-tokenizer@2.4.1)':
-    dependencies:
-      '@csstools/css-parser-algorithms': 2.7.1(@csstools/css-tokenizer@2.4.1)
-      '@csstools/css-tokenizer': 2.4.1
-
   '@csstools/media-query-list-parser@3.0.1(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)':
     dependencies:
       '@csstools/css-parser-algorithms': 3.0.5(@csstools/css-tokenizer@3.0.4)
@@ -20907,10 +20552,6 @@ snapshots:
       '@csstools/css-parser-algorithms': 3.0.5(@csstools/css-tokenizer@3.0.4)
       '@csstools/css-tokenizer': 3.0.4
 
-  '@csstools/selector-specificity@3.1.1(postcss-selector-parser@6.1.2)':
-    dependencies:
-      postcss-selector-parser: 6.1.2
-
   '@csstools/selector-specificity@5.0.0(postcss-selector-parser@7.1.1)':
     dependencies:
       postcss-selector-parser: 7.1.1
@@ -21087,11 +20728,6 @@ snapshots:
   '@esbuild/win32-x64@0.28.1':
     optional: true
 
-  '@eslint-community/eslint-utils@4.10.1(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))':
-    dependencies:
-      eslint: 9.39.4(jiti@2.6.1)(supports-color@7.2.0)
-      eslint-visitor-keys: 3.4.3
-
   '@eslint-community/eslint-utils@4.10.1(eslint@9.39.4(jiti@2.6.1))':
     dependencies:
       eslint: 9.39.4(jiti@2.6.1)
@@ -21106,13 +20742,13 @@ snapshots:
 
   '@eslint-stylistic/metadata@2.13.0': {}
 
-  '@eslint/compat@1.4.1(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))':
+  '@eslint/compat@1.4.1(eslint@9.39.4(jiti@2.6.1))':
     dependencies:
       '@eslint/core': 0.17.0
     optionalDependencies:
-      eslint: 9.39.4(jiti@2.6.1)(supports-color@7.2.0)
+      eslint: 9.39.4(jiti@2.6.1)
 
-  '@eslint/config-array@0.21.2(supports-color@7.2.0)':
+  '@eslint/config-array@0.21.2':
     dependencies:
       '@eslint/object-schema': 2.1.7
       debug: 4.4.3(supports-color@7.2.0)
@@ -21235,14 +20871,14 @@ snapshots:
     optionalDependencies:
       '@types/node': 26.1.1
 
-  '@inquirer/checkbox@5.2.1(@types/node@26.1.1)':
+  '@inquirer/checkbox@5.2.1(@types/node@20.19.37)':
     dependencies:
       '@inquirer/ansi': 2.0.7
-      '@inquirer/core': 11.2.1(@types/node@26.1.1)
+      '@inquirer/core': 11.2.1(@types/node@20.19.37)
       '@inquirer/figures': 2.0.7
-      '@inquirer/type': 4.0.7(@types/node@26.1.1)
+      '@inquirer/type': 4.0.7(@types/node@20.19.37)
     optionalDependencies:
-      '@types/node': 26.1.1
+      '@types/node': 20.19.37
 
   '@inquirer/confirm@5.1.14(@types/node@20.11.17)':
     dependencies:
@@ -21279,12 +20915,12 @@ snapshots:
     optionalDependencies:
       '@types/node': 26.1.1
 
-  '@inquirer/confirm@6.1.1(@types/node@26.1.1)':
+  '@inquirer/confirm@6.1.1(@types/node@20.19.37)':
     dependencies:
-      '@inquirer/core': 11.2.1(@types/node@26.1.1)
-      '@inquirer/type': 4.0.7(@types/node@26.1.1)
+      '@inquirer/core': 11.2.1(@types/node@20.19.37)
+      '@inquirer/type': 4.0.7(@types/node@20.19.37)
     optionalDependencies:
-      '@types/node': 26.1.1
+      '@types/node': 20.19.37
 
   '@inquirer/core@10.3.2(@types/node@20.11.17)':
     dependencies:
@@ -21325,17 +20961,17 @@ snapshots:
     optionalDependencies:
       '@types/node': 26.1.1
 
-  '@inquirer/core@11.2.1(@types/node@26.1.1)':
+  '@inquirer/core@11.2.1(@types/node@20.19.37)':
     dependencies:
       '@inquirer/ansi': 2.0.7
       '@inquirer/figures': 2.0.7
-      '@inquirer/type': 4.0.7(@types/node@26.1.1)
+      '@inquirer/type': 4.0.7(@types/node@20.19.37)
       cli-width: 4.1.0
       fast-wrap-ansi: 0.2.2
       mute-stream: 3.0.0
       signal-exit: 4.1.0
     optionalDependencies:
-      '@types/node': 26.1.1
+      '@types/node': 20.19.37
 
   '@inquirer/editor@4.2.23(@types/node@20.11.17)':
     dependencies:
@@ -21361,13 +20997,13 @@ snapshots:
     optionalDependencies:
       '@types/node': 26.1.1
 
-  '@inquirer/editor@5.2.2(@types/node@26.1.1)':
+  '@inquirer/editor@5.2.2(@types/node@20.19.37)':
     dependencies:
-      '@inquirer/core': 11.2.1(@types/node@26.1.1)
-      '@inquirer/external-editor': 3.0.3(@types/node@26.1.1)
-      '@inquirer/type': 4.0.7(@types/node@26.1.1)
+      '@inquirer/core': 11.2.1(@types/node@20.19.37)
+      '@inquirer/external-editor': 3.0.3(@types/node@20.19.37)
+      '@inquirer/type': 4.0.7(@types/node@20.19.37)
     optionalDependencies:
-      '@types/node': 26.1.1
+      '@types/node': 20.19.37
 
   '@inquirer/expand@4.0.23(@types/node@20.11.17)':
     dependencies:
@@ -21393,12 +21029,12 @@ snapshots:
     optionalDependencies:
       '@types/node': 26.1.1
 
-  '@inquirer/expand@5.1.1(@types/node@26.1.1)':
+  '@inquirer/expand@5.1.1(@types/node@20.19.37)':
     dependencies:
-      '@inquirer/core': 11.2.1(@types/node@26.1.1)
-      '@inquirer/type': 4.0.7(@types/node@26.1.1)
+      '@inquirer/core': 11.2.1(@types/node@20.19.37)
+      '@inquirer/type': 4.0.7(@types/node@20.19.37)
     optionalDependencies:
-      '@types/node': 26.1.1
+      '@types/node': 20.19.37
 
   '@inquirer/external-editor@1.0.3(@types/node@20.11.17)':
     dependencies:
@@ -21421,12 +21057,12 @@ snapshots:
     optionalDependencies:
       '@types/node': 26.1.1
 
-  '@inquirer/external-editor@3.0.3(@types/node@26.1.1)':
+  '@inquirer/external-editor@3.0.3(@types/node@20.19.37)':
     dependencies:
       chardet: 2.1.1
       iconv-lite: 0.7.2
     optionalDependencies:
-      '@types/node': 26.1.1
+      '@types/node': 20.19.37
 
   '@inquirer/figures@1.0.15': {}
 
@@ -21453,12 +21089,12 @@ snapshots:
     optionalDependencies:
       '@types/node': 26.1.1
 
-  '@inquirer/input@5.1.2(@types/node@26.1.1)':
+  '@inquirer/input@5.1.2(@types/node@20.19.37)':
     dependencies:
-      '@inquirer/core': 11.2.1(@types/node@26.1.1)
-      '@inquirer/type': 4.0.7(@types/node@26.1.1)
+      '@inquirer/core': 11.2.1(@types/node@20.19.37)
+      '@inquirer/type': 4.0.7(@types/node@20.19.37)
     optionalDependencies:
-      '@types/node': 26.1.1
+      '@types/node': 20.19.37
 
   '@inquirer/number@3.0.23(@types/node@20.11.17)':
     dependencies:
@@ -21481,12 +21117,12 @@ snapshots:
     optionalDependencies:
       '@types/node': 26.1.1
 
-  '@inquirer/number@4.1.1(@types/node@26.1.1)':
+  '@inquirer/number@4.1.1(@types/node@20.19.37)':
     dependencies:
-      '@inquirer/core': 11.2.1(@types/node@26.1.1)
-      '@inquirer/type': 4.0.7(@types/node@26.1.1)
+      '@inquirer/core': 11.2.1(@types/node@20.19.37)
+      '@inquirer/type': 4.0.7(@types/node@20.19.37)
     optionalDependencies:
-      '@types/node': 26.1.1
+      '@types/node': 20.19.37
 
   '@inquirer/password@4.0.23(@types/node@20.11.17)':
     dependencies:
@@ -21512,13 +21148,13 @@ snapshots:
     optionalDependencies:
       '@types/node': 26.1.1
 
-  '@inquirer/password@5.1.1(@types/node@26.1.1)':
+  '@inquirer/password@5.1.1(@types/node@20.19.37)':
     dependencies:
       '@inquirer/ansi': 2.0.7
-      '@inquirer/core': 11.2.1(@types/node@26.1.1)
-      '@inquirer/type': 4.0.7(@types/node@26.1.1)
+      '@inquirer/core': 11.2.1(@types/node@20.19.37)
+      '@inquirer/type': 4.0.7(@types/node@20.19.37)
     optionalDependencies:
-      '@types/node': 26.1.1
+      '@types/node': 20.19.37
 
   '@inquirer/prompts@7.8.2(@types/node@20.11.17)':
     dependencies:
@@ -21565,20 +21201,20 @@ snapshots:
     optionalDependencies:
       '@types/node': 26.1.1
 
-  '@inquirer/prompts@8.5.2(@types/node@26.1.1)':
+  '@inquirer/prompts@8.5.2(@types/node@20.19.37)':
     dependencies:
-      '@inquirer/checkbox': 5.2.1(@types/node@26.1.1)
-      '@inquirer/confirm': 6.1.1(@types/node@26.1.1)
-      '@inquirer/editor': 5.2.2(@types/node@26.1.1)
-      '@inquirer/expand': 5.1.1(@types/node@26.1.1)
-      '@inquirer/input': 5.1.2(@types/node@26.1.1)
-      '@inquirer/number': 4.1.1(@types/node@26.1.1)
-      '@inquirer/password': 5.1.1(@types/node@26.1.1)
-      '@inquirer/rawlist': 5.3.1(@types/node@26.1.1)
-      '@inquirer/search': 4.2.1(@types/node@26.1.1)
-      '@inquirer/select': 5.2.1(@types/node@26.1.1)
+      '@inquirer/checkbox': 5.2.1(@types/node@20.19.37)
+      '@inquirer/confirm': 6.1.1(@types/node@20.19.37)
+      '@inquirer/editor': 5.2.2(@types/node@20.19.37)
+      '@inquirer/expand': 5.1.1(@types/node@20.19.37)
+      '@inquirer/input': 5.1.2(@types/node@20.19.37)
+      '@inquirer/number': 4.1.1(@types/node@20.19.37)
+      '@inquirer/password': 5.1.1(@types/node@20.19.37)
+      '@inquirer/rawlist': 5.3.1(@types/node@20.19.37)
+      '@inquirer/search': 4.2.1(@types/node@20.19.37)
+      '@inquirer/select': 5.2.1(@types/node@20.19.37)
     optionalDependencies:
-      '@types/node': 26.1.1
+      '@types/node': 20.19.37
 
   '@inquirer/rawlist@4.1.11(@types/node@20.11.17)':
     dependencies:
@@ -21604,12 +21240,12 @@ snapshots:
     optionalDependencies:
       '@types/node': 26.1.1
 
-  '@inquirer/rawlist@5.3.1(@types/node@26.1.1)':
+  '@inquirer/rawlist@5.3.1(@types/node@20.19.37)':
     dependencies:
-      '@inquirer/core': 11.2.1(@types/node@26.1.1)
-      '@inquirer/type': 4.0.7(@types/node@26.1.1)
+      '@inquirer/core': 11.2.1(@types/node@20.19.37)
+      '@inquirer/type': 4.0.7(@types/node@20.19.37)
     optionalDependencies:
-      '@types/node': 26.1.1
+      '@types/node': 20.19.37
 
   '@inquirer/search@3.2.2(@types/node@20.11.17)':
     dependencies:
@@ -21638,13 +21274,13 @@ snapshots:
     optionalDependencies:
       '@types/node': 26.1.1
 
-  '@inquirer/search@4.2.1(@types/node@26.1.1)':
+  '@inquirer/search@4.2.1(@types/node@20.19.37)':
     dependencies:
-      '@inquirer/core': 11.2.1(@types/node@26.1.1)
+      '@inquirer/core': 11.2.1(@types/node@20.19.37)
       '@inquirer/figures': 2.0.7
-      '@inquirer/type': 4.0.7(@types/node@26.1.1)
+      '@inquirer/type': 4.0.7(@types/node@20.19.37)
     optionalDependencies:
-      '@types/node': 26.1.1
+      '@types/node': 20.19.37
 
   '@inquirer/select@4.4.2(@types/node@20.11.17)':
     dependencies:
@@ -21676,14 +21312,14 @@ snapshots:
     optionalDependencies:
       '@types/node': 26.1.1
 
-  '@inquirer/select@5.2.1(@types/node@26.1.1)':
+  '@inquirer/select@5.2.1(@types/node@20.19.37)':
     dependencies:
       '@inquirer/ansi': 2.0.7
-      '@inquirer/core': 11.2.1(@types/node@26.1.1)
+      '@inquirer/core': 11.2.1(@types/node@20.19.37)
       '@inquirer/figures': 2.0.7
-      '@inquirer/type': 4.0.7(@types/node@26.1.1)
+      '@inquirer/type': 4.0.7(@types/node@20.19.37)
     optionalDependencies:
-      '@types/node': 26.1.1
+      '@types/node': 20.19.37
 
   '@inquirer/type@3.0.10(@types/node@20.11.17)':
     optionalDependencies:
@@ -21697,9 +21333,9 @@ snapshots:
     optionalDependencies:
       '@types/node': 26.1.1
 
-  '@inquirer/type@4.0.7(@types/node@26.1.1)':
+  '@inquirer/type@4.0.7(@types/node@20.19.37)':
     optionalDependencies:
-      '@types/node': 26.1.1
+      '@types/node': 20.19.37
 
   '@isaacs/cliui@8.0.2':
     dependencies:
@@ -22056,7 +21692,7 @@ snapshots:
       - supports-color
       - ts-node
 
-  '@jest/core@30.2.0(babel-plugin-macros@3.1.0)(node-notifier@9.0.1)(ts-node@10.9.2(@swc/core@1.15.30(@swc/helpers@0.5.21))(@types/node@26.1.1)(typescript@6.0.3))':
+  '@jest/core@30.2.0(babel-plugin-macros@3.1.0)(node-notifier@9.0.1)(ts-node@10.9.2(@swc/core@1.15.30(@swc/helpers@0.5.21))(@types/node@26.1.1)(typescript@5.9.3))':
     dependencies:
       '@jest/console': 30.2.0
       '@jest/pattern': 30.0.1
@@ -22071,7 +21707,7 @@ snapshots:
       exit-x: 0.2.2
       graceful-fs: 4.2.11
       jest-changed-files: 30.2.0
-      jest-config: 30.2.0(@types/node@20.19.37)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@swc/core@1.15.30(@swc/helpers@0.5.21))(@types/node@26.1.1)(typescript@6.0.3))
+      jest-config: 30.2.0(@types/node@20.19.37)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@swc/core@1.15.30(@swc/helpers@0.5.21))(@types/node@26.1.1)(typescript@5.9.3))
       jest-haste-map: 30.2.0
       jest-message-util: 30.2.0
       jest-regex-util: 30.0.1
@@ -22664,10 +22300,10 @@ snapshots:
     transitivePeerDependencies:
       - '@types/node'
 
-  '@listr2/prompt-adapter-inquirer@4.2.4(@inquirer/prompts@8.5.2(@types/node@26.1.1))(@types/node@26.1.1)(listr2@10.2.2)':
+  '@listr2/prompt-adapter-inquirer@4.2.4(@inquirer/prompts@8.5.2(@types/node@20.19.37))(@types/node@20.19.37)(listr2@10.2.2)':
     dependencies:
-      '@inquirer/prompts': 8.5.2(@types/node@26.1.1)
-      '@inquirer/type': 4.0.7(@types/node@26.1.1)
+      '@inquirer/prompts': 8.5.2(@types/node@20.19.37)
+      '@inquirer/type': 4.0.7(@types/node@20.19.37)
       listr2: 10.2.2
     transitivePeerDependencies:
       - '@types/node'
@@ -22744,7 +22380,7 @@ snapshots:
       '@lezer/lr': 1.4.10
       json5: 2.2.3
 
-  '@modelcontextprotocol/sdk@1.26.0(supports-color@7.2.0)(zod@4.1.13)':
+  '@modelcontextprotocol/sdk@1.26.0(zod@4.1.13)':
     dependencies:
       '@hono/node-server': 2.0.12(hono@4.13.0)
       ajv: 8.20.0
@@ -22754,7 +22390,7 @@ snapshots:
       cross-spawn: 7.0.6
       eventsource: 3.0.7
       eventsource-parser: 3.0.8
-      express: 5.2.1(supports-color@7.2.0)
+      express: 5.2.1
       express-rate-limit: 8.3.2(express@5.2.1)
       hono: 4.13.0
       jose: 6.2.2
@@ -22776,7 +22412,7 @@ snapshots:
       cross-spawn: 7.0.6
       eventsource: 3.0.7
       eventsource-parser: 3.0.8
-      express: 5.2.1(supports-color@7.2.0)
+      express: 5.2.1
       express-rate-limit: 8.3.2(express@5.2.1)
       hono: 4.13.0
       jose: 6.2.2
@@ -24411,10 +24047,10 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@sigstore/tuf@4.0.2(supports-color@7.2.0)':
+  '@sigstore/tuf@4.0.2':
     dependencies:
       '@sigstore/protobuf-specs': 0.5.1
-      tuf-js: 4.1.0(supports-color@7.2.0)
+      tuf-js: 4.1.0
     transitivePeerDependencies:
       - supports-color
 
@@ -24618,16 +24254,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@stylistic/eslint-plugin@5.10.0(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))':
-    dependencies:
-      '@eslint-community/eslint-utils': 4.10.1(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))
-      '@typescript-eslint/types': 8.62.0
-      eslint: 9.39.4(jiti@2.6.1)(supports-color@7.2.0)
-      eslint-visitor-keys: 4.2.1
-      espree: 10.4.0
-      estraverse: 5.3.0
-      picomatch: 4.0.4
-
   '@stylistic/eslint-plugin@5.10.0(eslint@9.39.4(jiti@2.6.1))':
     dependencies:
       '@eslint-community/eslint-utils': 4.10.1(eslint@9.39.4(jiti@2.6.1))
@@ -24638,7 +24264,7 @@ snapshots:
       estraverse: 5.3.0
       picomatch: 4.0.4
 
-  '@stylistic/stylelint-plugin@3.1.3(stylelint@16.22.0(typescript@6.0.3))':
+  '@stylistic/stylelint-plugin@3.1.3(stylelint@16.22.0(typescript@5.9.3))':
     dependencies:
       '@csstools/css-parser-algorithms': 3.0.5(@csstools/css-tokenizer@3.0.4)
       '@csstools/css-tokenizer': 3.0.4
@@ -24648,7 +24274,7 @@ snapshots:
       postcss-selector-parser: 6.1.2
       postcss-value-parser: 4.2.0
       style-search: 0.1.0
-      stylelint: 16.22.0(typescript@6.0.3)
+      stylelint: 16.22.0(typescript@5.9.3)
 
   '@swc/core-darwin-arm64@1.15.30':
     optional: true
@@ -24719,7 +24345,7 @@ snapshots:
     dependencies:
       axe-core: 4.11.3
       chalk: 2.4.2
-      testcafe: 3.7.5(supports-color@7.2.0)
+      testcafe: 3.7.5
 
   '@testing-library/dom@10.4.1':
     dependencies:
@@ -24995,8 +24621,6 @@ snapshots:
 
   '@types/minimatch@5.1.2': {}
 
-  '@types/minimist@1.2.5': {}
-
   '@types/ms@2.1.0': {}
 
   '@types/node-fetch@2.6.13':
@@ -25144,16 +24768,16 @@ snapshots:
     dependencies:
       '@types/yargs-parser': 21.0.3
 
-  '@typescript-eslint/eslint-plugin@6.21.0(@typescript-eslint/parser@6.21.0(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(supports-color@7.2.0)(typescript@6.0.3))(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(supports-color@7.2.0)(typescript@6.0.3)':
+  '@typescript-eslint/eslint-plugin@6.21.0(@typescript-eslint/parser@6.21.0(eslint@9.39.4(jiti@2.6.1))(supports-color@7.2.0)(typescript@6.0.3))(eslint@9.39.4(jiti@2.6.1))(supports-color@7.2.0)(typescript@6.0.3)':
     dependencies:
       '@eslint-community/regexpp': 4.12.2
-      '@typescript-eslint/parser': 6.21.0(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(supports-color@7.2.0)(typescript@6.0.3)
+      '@typescript-eslint/parser': 6.21.0(eslint@9.39.4(jiti@2.6.1))(supports-color@7.2.0)(typescript@6.0.3)
       '@typescript-eslint/scope-manager': 6.21.0
-      '@typescript-eslint/type-utils': 6.21.0(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(supports-color@7.2.0)(typescript@6.0.3)
-      '@typescript-eslint/utils': 6.21.0(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(typescript@6.0.3)
+      '@typescript-eslint/type-utils': 6.21.0(eslint@9.39.4(jiti@2.6.1))(supports-color@7.2.0)(typescript@6.0.3)
+      '@typescript-eslint/utils': 6.21.0(eslint@9.39.4(jiti@2.6.1))(typescript@6.0.3)
       '@typescript-eslint/visitor-keys': 6.21.0
       debug: 4.4.3(supports-color@7.2.0)
-      eslint: 9.39.4(jiti@2.6.1)(supports-color@7.2.0)
+      eslint: 9.39.4(jiti@2.6.1)
       graphemer: 1.4.0
       ignore: 5.3.2
       natural-compare: 1.4.0
@@ -25164,22 +24788,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/eslint-plugin@8.52.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(supports-color@7.2.0)(typescript@6.0.3))(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(supports-color@7.2.0)(typescript@6.0.3)':
-    dependencies:
-      '@eslint-community/regexpp': 4.12.2
-      '@typescript-eslint/parser': 8.52.0(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(supports-color@7.2.0)(typescript@6.0.3)
-      '@typescript-eslint/scope-manager': 8.52.0
-      '@typescript-eslint/type-utils': 8.52.0(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(supports-color@7.2.0)(typescript@6.0.3)
-      '@typescript-eslint/utils': 8.52.0(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(typescript@6.0.3)
-      '@typescript-eslint/visitor-keys': 8.52.0
-      eslint: 9.39.4(jiti@2.6.1)(supports-color@7.2.0)
-      ignore: 7.0.5
-      natural-compare: 1.4.0
-      ts-api-utils: 2.5.0(typescript@6.0.3)
-      typescript: 6.0.3
-    transitivePeerDependencies:
-      - supports-color
-
   '@typescript-eslint/eslint-plugin@8.52.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5))(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5)':
     dependencies:
       '@eslint-community/regexpp': 4.12.2
@@ -25228,10 +24836,10 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/eslint-plugin@8.52.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.4(jiti@2.6.1))(typescript@6.0.3)':
+  '@typescript-eslint/eslint-plugin@8.52.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@6.0.3))(eslint@9.39.4(jiti@2.6.1))(typescript@6.0.3)':
     dependencies:
       '@eslint-community/regexpp': 4.12.2
-      '@typescript-eslint/parser': 8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/parser': 8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@6.0.3)
       '@typescript-eslint/scope-manager': 8.52.0
       '@typescript-eslint/type-utils': 8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@6.0.3)
       '@typescript-eslint/utils': 8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@6.0.3)
@@ -25252,31 +24860,19 @@ snapshots:
       - supports-color
       - typescript
 
-  '@typescript-eslint/parser@6.21.0(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(supports-color@7.2.0)(typescript@6.0.3)':
+  '@typescript-eslint/parser@6.21.0(eslint@9.39.4(jiti@2.6.1))(supports-color@7.2.0)(typescript@6.0.3)':
     dependencies:
       '@typescript-eslint/scope-manager': 6.21.0
       '@typescript-eslint/types': 6.21.0
       '@typescript-eslint/typescript-estree': 6.21.0(typescript@6.0.3)
       '@typescript-eslint/visitor-keys': 6.21.0
       debug: 4.4.3(supports-color@7.2.0)
-      eslint: 9.39.4(jiti@2.6.1)(supports-color@7.2.0)
+      eslint: 9.39.4(jiti@2.6.1)
     optionalDependencies:
       typescript: 6.0.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(supports-color@7.2.0)(typescript@6.0.3)':
-    dependencies:
-      '@typescript-eslint/scope-manager': 8.52.0
-      '@typescript-eslint/types': 8.52.0
-      '@typescript-eslint/typescript-estree': 8.52.0(typescript@6.0.3)
-      '@typescript-eslint/visitor-keys': 8.52.0
-      debug: 4.4.3(supports-color@7.2.0)
-      eslint: 9.39.4(jiti@2.6.1)(supports-color@7.2.0)
-      typescript: 6.0.3
-    transitivePeerDependencies:
-      - supports-color
-
   '@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5)':
     dependencies:
       '@typescript-eslint/scope-manager': 8.52.0
@@ -25313,6 +24909,18 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  '@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@6.0.3)':
+    dependencies:
+      '@typescript-eslint/scope-manager': 8.52.0
+      '@typescript-eslint/types': 8.52.0
+      '@typescript-eslint/typescript-estree': 8.52.0(typescript@6.0.3)
+      '@typescript-eslint/visitor-keys': 8.52.0
+      debug: 4.4.3(supports-color@7.2.0)
+      eslint: 9.39.4(jiti@2.6.1)
+      typescript: 6.0.3
+    transitivePeerDependencies:
+      - supports-color
+
   '@typescript-eslint/project-service@8.52.0(typescript@4.9.5)':
     dependencies:
       '@typescript-eslint/tsconfig-utils': 8.62.0(typescript@4.9.5)
@@ -25376,7 +24984,16 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/project-service@8.62.0(supports-color@7.2.0)(typescript@4.9.5)':
+  '@typescript-eslint/project-service@8.58.2(typescript@5.9.3)':
+    dependencies:
+      '@typescript-eslint/tsconfig-utils': 8.62.0(typescript@5.9.3)
+      '@typescript-eslint/types': 8.62.0
+      debug: 4.4.3(supports-color@7.2.0)
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/project-service@8.62.0(typescript@4.9.5)':
     dependencies:
       '@typescript-eslint/tsconfig-utils': 8.62.0(typescript@4.9.5)
       '@typescript-eslint/types': 8.62.0
@@ -25439,6 +25056,10 @@ snapshots:
     dependencies:
       typescript: 5.8.3
 
+  '@typescript-eslint/tsconfig-utils@8.58.2(typescript@5.9.3)':
+    dependencies:
+      typescript: 5.9.3
+
   '@typescript-eslint/tsconfig-utils@8.58.2(typescript@6.0.3)':
     dependencies:
       typescript: 6.0.3
@@ -25459,30 +25080,18 @@ snapshots:
     dependencies:
       typescript: 6.0.3
 
-  '@typescript-eslint/type-utils@6.21.0(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(supports-color@7.2.0)(typescript@6.0.3)':
+  '@typescript-eslint/type-utils@6.21.0(eslint@9.39.4(jiti@2.6.1))(supports-color@7.2.0)(typescript@6.0.3)':
     dependencies:
       '@typescript-eslint/typescript-estree': 6.21.0(typescript@6.0.3)
-      '@typescript-eslint/utils': 6.21.0(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(typescript@6.0.3)
+      '@typescript-eslint/utils': 6.21.0(eslint@9.39.4(jiti@2.6.1))(typescript@6.0.3)
       debug: 4.4.3(supports-color@7.2.0)
-      eslint: 9.39.4(jiti@2.6.1)(supports-color@7.2.0)
+      eslint: 9.39.4(jiti@2.6.1)
       ts-api-utils: 1.4.3(typescript@6.0.3)
     optionalDependencies:
       typescript: 6.0.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/type-utils@8.52.0(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(supports-color@7.2.0)(typescript@6.0.3)':
-    dependencies:
-      '@typescript-eslint/types': 8.52.0
-      '@typescript-eslint/typescript-estree': 8.52.0(typescript@6.0.3)
-      '@typescript-eslint/utils': 8.52.0(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(typescript@6.0.3)
-      debug: 4.4.3(supports-color@7.2.0)
-      eslint: 9.39.4(jiti@2.6.1)(supports-color@7.2.0)
-      ts-api-utils: 2.5.0(typescript@6.0.3)
-      typescript: 6.0.3
-    transitivePeerDependencies:
-      - supports-color
-
   '@typescript-eslint/type-utils@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5)':
     dependencies:
       '@typescript-eslint/types': 8.52.0
@@ -25706,9 +25315,24 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/typescript-estree@8.62.0(supports-color@7.2.0)(typescript@4.9.5)':
+  '@typescript-eslint/typescript-estree@8.58.2(typescript@5.9.3)':
+    dependencies:
+      '@typescript-eslint/project-service': 8.58.2(typescript@5.9.3)
+      '@typescript-eslint/tsconfig-utils': 8.58.2(typescript@5.9.3)
+      '@typescript-eslint/types': 8.58.2
+      '@typescript-eslint/visitor-keys': 8.58.2
+      debug: 4.4.3(supports-color@7.2.0)
+      minimatch: 10.2.4
+      semver: 7.8.5
+      tinyglobby: 0.2.17
+      ts-api-utils: 2.5.0(typescript@5.9.3)
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/typescript-estree@8.62.0(typescript@4.9.5)':
     dependencies:
-      '@typescript-eslint/project-service': 8.62.0(supports-color@7.2.0)(typescript@4.9.5)
+      '@typescript-eslint/project-service': 8.62.0(typescript@4.9.5)
       '@typescript-eslint/tsconfig-utils': 8.62.0(typescript@4.9.5)
       '@typescript-eslint/types': 8.62.0
       '@typescript-eslint/visitor-keys': 8.62.0
@@ -25736,42 +25360,31 @@ snapshots:
       - supports-color
       - typescript
 
-  '@typescript-eslint/utils@6.21.0(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(typescript@6.0.3)':
+  '@typescript-eslint/utils@6.21.0(eslint@9.39.4(jiti@2.6.1))(typescript@6.0.3)':
     dependencies:
-      '@eslint-community/eslint-utils': 4.10.1(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))
+      '@eslint-community/eslint-utils': 4.10.1(eslint@9.39.4(jiti@2.6.1))
       '@types/json-schema': 7.0.15
       '@types/semver': 7.7.1
       '@typescript-eslint/scope-manager': 6.21.0
       '@typescript-eslint/types': 6.21.0
       '@typescript-eslint/typescript-estree': 6.21.0(typescript@6.0.3)
-      eslint: 9.39.4(jiti@2.6.1)(supports-color@7.2.0)
+      eslint: 9.39.4(jiti@2.6.1)
       semver: 7.8.5
     transitivePeerDependencies:
       - supports-color
       - typescript
 
-  '@typescript-eslint/utils@7.18.0(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(supports-color@7.2.0)(typescript@6.0.3)':
+  '@typescript-eslint/utils@7.18.0(eslint@9.39.4(jiti@2.6.1))(supports-color@7.2.0)(typescript@6.0.3)':
     dependencies:
-      '@eslint-community/eslint-utils': 4.10.1(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))
+      '@eslint-community/eslint-utils': 4.10.1(eslint@9.39.4(jiti@2.6.1))
       '@typescript-eslint/scope-manager': 7.18.0
       '@typescript-eslint/types': 7.18.0
       '@typescript-eslint/typescript-estree': 7.18.0(supports-color@7.2.0)(typescript@6.0.3)
-      eslint: 9.39.4(jiti@2.6.1)(supports-color@7.2.0)
+      eslint: 9.39.4(jiti@2.6.1)
     transitivePeerDependencies:
       - supports-color
       - typescript
 
-  '@typescript-eslint/utils@8.52.0(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(typescript@6.0.3)':
-    dependencies:
-      '@eslint-community/eslint-utils': 4.10.1(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))
-      '@typescript-eslint/scope-manager': 8.52.0
-      '@typescript-eslint/types': 8.52.0
-      '@typescript-eslint/typescript-estree': 8.52.0(typescript@6.0.3)
-      eslint: 9.39.4(jiti@2.6.1)(supports-color@7.2.0)
-      typescript: 6.0.3
-    transitivePeerDependencies:
-      - supports-color
-
   '@typescript-eslint/utils@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5)':
     dependencies:
       '@eslint-community/eslint-utils': 4.10.1(eslint@9.39.4(jiti@2.6.1))
@@ -25816,13 +25429,13 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/utils@8.58.2(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(supports-color@7.2.0)(typescript@6.0.3)':
+  '@typescript-eslint/utils@8.58.2(eslint@9.39.4(jiti@2.6.1))(supports-color@7.2.0)(typescript@6.0.3)':
     dependencies:
-      '@eslint-community/eslint-utils': 4.10.1(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))
+      '@eslint-community/eslint-utils': 4.10.1(eslint@9.39.4(jiti@2.6.1))
       '@typescript-eslint/scope-manager': 8.58.2
       '@typescript-eslint/types': 8.58.2
       '@typescript-eslint/typescript-estree': 8.58.2(supports-color@7.2.0)(typescript@6.0.3)
-      eslint: 9.39.4(jiti@2.6.1)(supports-color@7.2.0)
+      eslint: 9.39.4(jiti@2.6.1)
       typescript: 6.0.3
     transitivePeerDependencies:
       - supports-color
@@ -25849,23 +25462,23 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/utils@8.58.2(eslint@9.39.4(jiti@2.6.1))(typescript@6.0.3)':
+  '@typescript-eslint/utils@8.58.2(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3)':
     dependencies:
       '@eslint-community/eslint-utils': 4.10.1(eslint@9.39.4(jiti@2.6.1))
       '@typescript-eslint/scope-manager': 8.58.2
       '@typescript-eslint/types': 8.58.2
-      '@typescript-eslint/typescript-estree': 8.58.2(supports-color@7.2.0)(typescript@6.0.3)
+      '@typescript-eslint/typescript-estree': 8.58.2(typescript@5.9.3)
       eslint: 9.39.4(jiti@2.6.1)
-      typescript: 6.0.3
+      typescript: 5.9.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/utils@8.62.0(eslint@9.39.4(jiti@2.6.1))(supports-color@7.2.0)(typescript@4.9.5)':
+  '@typescript-eslint/utils@8.62.0(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5)':
     dependencies:
       '@eslint-community/eslint-utils': 4.10.1(eslint@9.39.4(jiti@2.6.1))
       '@typescript-eslint/scope-manager': 8.62.0
       '@typescript-eslint/types': 8.62.0
-      '@typescript-eslint/typescript-estree': 8.62.0(supports-color@7.2.0)(typescript@4.9.5)
+      '@typescript-eslint/typescript-estree': 8.62.0(typescript@4.9.5)
       eslint: 9.39.4(jiti@2.6.1)
       typescript: 4.9.5
     transitivePeerDependencies:
@@ -25988,9 +25601,9 @@ snapshots:
       vite: 7.3.6(@types/node@26.1.1)(jiti@2.6.1)(less@4.8.0)(lightningcss@1.32.0)(sass-embedded@1.93.3)(sass@1.90.0)(terser@5.49.0)(yaml@2.9.0)
     optional: true
 
-  '@vitejs/plugin-basic-ssl@2.3.0(vite@8.1.5(@types/node@26.1.1)(esbuild@0.28.1)(jiti@2.6.1)(less@4.6.7)(sass-embedded@1.93.3)(sass@1.101.0)(terser@5.49.0)(yaml@2.9.0))':
+  '@vitejs/plugin-basic-ssl@2.3.0(vite@8.1.5(@types/node@20.19.37)(esbuild@0.28.1)(jiti@2.6.1)(less@4.6.7)(sass-embedded@1.93.3)(sass@1.101.0)(terser@5.49.0)(yaml@2.9.0))':
     dependencies:
-      vite: 8.1.5(@types/node@26.1.1)(esbuild@0.28.1)(jiti@2.6.1)(less@4.6.7)(sass-embedded@1.93.3)(sass@1.101.0)(terser@5.49.0)(yaml@2.9.0)
+      vite: 8.1.5(@types/node@20.19.37)(esbuild@0.28.1)(jiti@2.6.1)(less@4.6.7)(sass-embedded@1.93.3)(sass@1.101.0)(terser@5.49.0)(yaml@2.9.0)
 
   '@vitejs/plugin-react@4.7.0(vite@8.0.16(@types/node@26.1.1)(esbuild@0.28.1)(jiti@2.6.1)(less@4.8.0)(sass-embedded@1.93.3)(sass@1.101.0)(terser@5.49.0)(yaml@2.8.3))':
     dependencies:
@@ -26170,13 +25783,13 @@ snapshots:
 
   '@vue/devtools-api@6.6.4': {}
 
-  '@vue/eslint-config-typescript@12.0.0(eslint-plugin-vue@10.4.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(supports-color@7.2.0)(typescript@6.0.3))(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(vue-eslint-parser@10.0.0(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(supports-color@7.2.0)))(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(supports-color@7.2.0)(typescript@6.0.3)':
+  '@vue/eslint-config-typescript@12.0.0(eslint-plugin-vue@10.4.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@6.0.3))(eslint@9.39.4(jiti@2.6.1))(vue-eslint-parser@10.0.0(eslint@9.39.4(jiti@2.6.1))))(eslint@9.39.4(jiti@2.6.1))(supports-color@7.2.0)(typescript@6.0.3)':
     dependencies:
-      '@typescript-eslint/eslint-plugin': 6.21.0(@typescript-eslint/parser@6.21.0(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(supports-color@7.2.0)(typescript@6.0.3))(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(supports-color@7.2.0)(typescript@6.0.3)
-      '@typescript-eslint/parser': 6.21.0(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(supports-color@7.2.0)(typescript@6.0.3)
-      eslint: 9.39.4(jiti@2.6.1)(supports-color@7.2.0)
-      eslint-plugin-vue: 10.4.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(supports-color@7.2.0)(typescript@6.0.3))(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(vue-eslint-parser@10.0.0(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(supports-color@7.2.0))
-      vue-eslint-parser: 9.4.3(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(supports-color@7.2.0)
+      '@typescript-eslint/eslint-plugin': 6.21.0(@typescript-eslint/parser@6.21.0(eslint@9.39.4(jiti@2.6.1))(supports-color@7.2.0)(typescript@6.0.3))(eslint@9.39.4(jiti@2.6.1))(supports-color@7.2.0)(typescript@6.0.3)
+      '@typescript-eslint/parser': 6.21.0(eslint@9.39.4(jiti@2.6.1))(supports-color@7.2.0)(typescript@6.0.3)
+      eslint: 9.39.4(jiti@2.6.1)
+      eslint-plugin-vue: 10.4.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@6.0.3))(eslint@9.39.4(jiti@2.6.1))(vue-eslint-parser@10.0.0(eslint@9.39.4(jiti@2.6.1)))
+      vue-eslint-parser: 9.4.3(eslint@9.39.4(jiti@2.6.1))(supports-color@7.2.0)
     optionalDependencies:
       typescript: 6.0.3
     transitivePeerDependencies:
@@ -26557,8 +26170,6 @@ snapshots:
 
   alien-signals@2.0.8: {}
 
-  amdefine@1.0.1: {}
-
   ansi-colors@1.1.0:
     dependencies:
       ansi-wrap: 0.1.0
@@ -26583,14 +26194,10 @@ snapshots:
 
   ansi-html-community@0.0.8: {}
 
-  ansi-regex@2.1.1: {}
-
   ansi-regex@5.0.1: {}
 
   ansi-regex@6.2.2: {}
 
-  ansi-styles@2.2.1: {}
-
   ansi-styles@3.2.1:
     dependencies:
       color-convert: 1.9.3
@@ -26733,8 +26340,6 @@ snapshots:
       get-intrinsic: 1.3.0
       is-array-buffer: 3.0.5
 
-  arrify@1.0.1: {}
-
   asn1.js@4.10.1:
     dependencies:
       bn.js: 4.12.3
@@ -26828,59 +26433,6 @@ snapshots:
 
   b4a@1.8.0: {}
 
-  babel-code-frame@6.26.0:
-    dependencies:
-      chalk: 1.1.3
-      esutils: 2.0.3
-      js-tokens: 3.0.2
-
-  babel-core@6.26.3(patch_hash=c0f53059bb7026b811209ee3af7fd4c700c900c615d0a0b14981ce911fcf3392):
-    dependencies:
-      babel-code-frame: 6.26.0
-      babel-generator: 6.26.1
-      babel-helpers: 6.24.1
-      babel-messages: 6.23.0
-      babel-register: 6.26.0
-      babel-runtime: 6.26.0
-      babel-template: 6.26.0
-      babel-traverse: '@babel/traverse@7.29.7'
-      babel-types: 6.26.0
-      babylon: 6.18.0
-      convert-source-map: 1.9.0
-      debug: 2.6.9
-      json5: 2.2.3
-      lodash: 4.18.1
-      minimatch: 3.1.5
-      path-is-absolute: 1.0.1
-      private: 0.1.8
-      slash: 1.0.0
-      source-map: 0.5.7
-    transitivePeerDependencies:
-      - supports-color
-
-  babel-generator@6.26.1:
-    dependencies:
-      babel-messages: 6.23.0
-      babel-runtime: 6.26.0
-      babel-types: 6.26.0
-      detect-indent: 4.0.0
-      jsesc: 1.3.0
-      lodash: 4.18.1
-      source-map: 0.5.7
-      trim-right: 1.0.1
-
-  babel-helper-hoist-variables@6.24.1:
-    dependencies:
-      babel-runtime: 6.26.0
-      babel-types: 6.26.0
-
-  babel-helpers@6.24.1:
-    dependencies:
-      babel-runtime: 6.26.0
-      babel-template: 6.26.0
-    transitivePeerDependencies:
-      - supports-color
-
   babel-jest@29.7.0(@babel/core@7.29.7):
     dependencies:
       '@babel/core': 7.29.7
@@ -26947,10 +26499,6 @@ snapshots:
     optionalDependencies:
       webpack: 5.109.2(@swc/core@1.15.30(@swc/helpers@0.5.21))(esbuild@0.28.1)(postcss@8.5.23)
 
-  babel-messages@6.23.0:
-    dependencies:
-      babel-runtime: 6.26.0
-
   babel-plugin-add-module-exports@1.0.4: {}
 
   babel-plugin-const-enum@1.2.0(@babel/core@7.29.7):
@@ -27043,10 +26591,10 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  babel-plugin-polyfill-corejs3@0.8.7(@babel/core@7.29.7)(supports-color@7.2.0):
+  babel-plugin-polyfill-corejs3@0.8.7(@babel/core@7.29.7):
     dependencies:
       '@babel/core': 7.29.7
-      '@babel/helper-define-polyfill-provider': 0.4.4(@babel/core@7.29.7)(supports-color@7.2.0)
+      '@babel/helper-define-polyfill-provider': 0.4.4(@babel/core@7.29.7)
       core-js-compat: 3.49.0
     transitivePeerDependencies:
       - supports-color
@@ -27057,10 +26605,10 @@ snapshots:
       '@babel/helper-define-polyfill-provider': 1.0.0(@babel/core@8.0.1)
       core-js-compat: 3.49.0
 
-  babel-plugin-polyfill-regenerator@0.5.5(@babel/core@7.29.7)(supports-color@7.2.0):
+  babel-plugin-polyfill-regenerator@0.5.5(@babel/core@7.29.7):
     dependencies:
       '@babel/core': 7.29.7
-      '@babel/helper-define-polyfill-provider': 0.5.0(@babel/core@7.29.7)(supports-color@7.2.0)
+      '@babel/helper-define-polyfill-provider': 0.5.0(@babel/core@7.29.7)
     transitivePeerDependencies:
       - supports-color
 
@@ -27071,38 +26619,8 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  babel-plugin-syntax-dynamic-import@6.18.0: {}
-
   babel-plugin-syntax-trailing-function-commas@6.22.0: {}
 
-  babel-plugin-transform-amd-system-wrapper@0.3.7:
-    dependencies:
-      babel-template: 6.26.0
-    transitivePeerDependencies:
-      - supports-color
-
-  babel-plugin-transform-cjs-system-wrapper@0.6.2:
-    dependencies:
-      babel-template: 6.26.0
-    transitivePeerDependencies:
-      - supports-color
-
-  babel-plugin-transform-es2015-modules-systemjs@6.24.1:
-    dependencies:
-      babel-helper-hoist-variables: 6.24.1
-      babel-runtime: 6.26.0
-      babel-template: 6.26.0
-    transitivePeerDependencies:
-      - supports-color
-
-  babel-plugin-transform-global-system-wrapper@0.3.4:
-    dependencies:
-      babel-template: 6.26.0
-    transitivePeerDependencies:
-      - supports-color
-
-  babel-plugin-transform-system-register@0.0.1: {}
-
   babel-plugin-transform-typescript-metadata@0.3.2(@babel/core@7.29.7)(@babel/traverse@7.29.7):
     dependencies:
       '@babel/core': 7.29.7
@@ -27174,42 +26692,6 @@ snapshots:
       babel-plugin-jest-hoist: 30.3.0
       babel-preset-current-node-syntax: 1.2.0(@babel/core@7.29.7)
 
-  babel-register@6.26.0:
-    dependencies:
-      babel-core: 6.26.3(patch_hash=c0f53059bb7026b811209ee3af7fd4c700c900c615d0a0b14981ce911fcf3392)
-      babel-runtime: 6.26.0
-      core-js: 2.6.12
-      home-or-tmp: 2.0.0
-      lodash: 4.18.1
-      mkdirp: 0.5.6
-      source-map-support: 0.4.18
-    transitivePeerDependencies:
-      - supports-color
-
-  babel-runtime@6.26.0:
-    dependencies:
-      core-js: 2.6.12
-      regenerator-runtime: 0.11.1
-
-  babel-template@6.26.0:
-    dependencies:
-      babel-runtime: 6.26.0
-      babel-traverse: '@babel/traverse@7.29.7'
-      babel-types: 6.26.0
-      babylon: 6.18.0
-      lodash: 4.18.1
-    transitivePeerDependencies:
-      - supports-color
-
-  babel-types@6.26.0:
-    dependencies:
-      babel-runtime: 6.26.0
-      esutils: 2.0.3
-      lodash: 4.18.1
-      to-fast-properties: 1.0.3
-
-  babylon@6.18.0: {}
-
   bail@2.0.2: {}
 
   balanced-match@1.0.2: {}
@@ -27327,7 +26809,7 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  body-parser@2.3.0(supports-color@7.2.0):
+  body-parser@2.3.0:
     dependencies:
       bytes: 3.1.2
       content-type: 2.0.0
@@ -27590,13 +27072,6 @@ snapshots:
       pascal-case: 3.1.2
       tslib: 2.8.1
 
-  camelcase-keys@7.0.2:
-    dependencies:
-      camelcase: 6.3.0
-      map-obj: 4.3.0
-      quick-lru: 5.1.1
-      type-fest: 1.4.0
-
   camelcase@5.3.1: {}
 
   camelcase@6.3.0: {}
@@ -27644,14 +27119,6 @@ snapshots:
       loupe: 3.2.1
       pathval: 2.0.1
 
-  chalk@1.1.3:
-    dependencies:
-      ansi-styles: 2.2.1
-      escape-string-regexp: 1.0.5
-      has-ansi: 2.0.0
-      strip-ansi: 3.0.1
-      supports-color: 2.0.0
-
   chalk@2.4.2:
     dependencies:
       ansi-styles: 3.2.1
@@ -27959,10 +27426,6 @@ snapshots:
 
   commander@2.20.3: {}
 
-  commander@2.9.0:
-    dependencies:
-      graceful-readlink: 1.0.1
-
   commander@5.1.0: {}
 
   commander@7.2.0: {}
@@ -28112,24 +27575,6 @@ snapshots:
       path-type: 4.0.0
       yaml: 1.10.3
 
-  cosmiconfig@8.3.6(typescript@4.9.5):
-    dependencies:
-      import-fresh: 3.3.1
-      js-yaml: 4.3.0
-      parse-json: 5.2.0
-      path-type: 4.0.0
-    optionalDependencies:
-      typescript: 4.9.5
-
-  cosmiconfig@8.3.6(typescript@5.8.3):
-    dependencies:
-      import-fresh: 3.3.1
-      js-yaml: 4.3.0
-      parse-json: 5.2.0
-      path-type: 4.0.0
-    optionalDependencies:
-      typescript: 5.8.3
-
   cosmiconfig@8.3.6(typescript@5.9.3):
     dependencies:
       import-fresh: 3.3.1
@@ -28139,14 +27584,14 @@ snapshots:
     optionalDependencies:
       typescript: 5.9.3
 
-  cosmiconfig@8.3.6(typescript@6.0.3):
+  cosmiconfig@9.0.1(typescript@4.9.5):
     dependencies:
+      env-paths: 2.2.1
       import-fresh: 3.3.1
       js-yaml: 4.3.0
       parse-json: 5.2.0
-      path-type: 4.0.0
     optionalDependencies:
-      typescript: 6.0.3
+      typescript: 4.9.5
 
   cosmiconfig@9.0.1(typescript@5.8.3):
     dependencies:
@@ -28219,13 +27664,13 @@ snapshots:
       - supports-color
       - ts-node
 
-  create-jest@29.7.0(@types/node@26.1.1)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@swc/core@1.15.30(@swc/helpers@0.5.21))(@types/node@20.19.37)(typescript@6.0.3)):
+  create-jest@29.7.0(@types/node@20.19.37)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@swc/core@1.15.30(@swc/helpers@0.5.21))(@types/node@20.19.37)(typescript@6.0.3)):
     dependencies:
       '@jest/types': 29.6.3
       chalk: 4.1.2
       exit: 0.1.2
       graceful-fs: 4.2.11
-      jest-config: 29.7.0(@types/node@26.1.1)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@swc/core@1.15.30(@swc/helpers@0.5.21))(@types/node@20.19.37)(typescript@6.0.3))
+      jest-config: 29.7.0(@types/node@20.19.37)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@swc/core@1.15.30(@swc/helpers@0.5.21))(@types/node@20.19.37)(typescript@6.0.3))
       jest-util: 29.7.0
       prompts: 2.4.2
     transitivePeerDependencies:
@@ -28360,11 +27805,6 @@ snapshots:
       domutils: 3.2.2
       nth-check: 2.1.1
 
-  css-tree@2.3.1:
-    dependencies:
-      mdn-data: 2.0.30
-      source-map-js: 1.2.1
-
   css-tree@3.2.1:
     dependencies:
       mdn-data: 2.27.1
@@ -28392,17 +27832,10 @@ snapshots:
 
   custom-event@1.0.1: {}
 
-  d@1.0.2:
-    dependencies:
-      es5-ext: 0.10.64
-      type: 2.7.3
-
   damerau-levenshtein@1.0.8: {}
 
   dash-ast@1.0.0: {}
 
-  data-uri-to-buffer@0.0.4: {}
-
   data-urls@3.0.2:
     dependencies:
       abab: 2.0.6
@@ -28455,15 +27888,6 @@ snapshots:
     optionalDependencies:
       supports-color: 7.2.0
 
-  decamelize-keys@1.1.1:
-    dependencies:
-      decamelize: 1.2.0
-      map-obj: 1.0.1
-
-  decamelize@1.2.0: {}
-
-  decamelize@5.0.1: {}
-
   decimal.js@10.6.0: {}
 
   decode-named-character-reference@1.3.0:
@@ -28584,10 +28008,6 @@ snapshots:
 
   destroy@1.2.0: {}
 
-  detect-indent@4.0.0:
-    dependencies:
-      repeating: 2.0.1
-
   detect-libc@1.0.3: {}
 
   detect-libc@2.1.2: {}
@@ -28719,7 +28139,7 @@ snapshots:
       color-diff: 1.3.0
       looks-same: 7.3.0
       pngjs: 6.0.0
-      testcafe: 3.7.5(supports-color@7.2.0)
+      testcafe: 3.7.5
       tslib: 2.8.1
 
   device-specs@1.0.1: {}
@@ -28849,8 +28269,6 @@ snapshots:
     dependencies:
       readable-stream: 2.3.8
 
-  dx-systemjs-vue-browser@1.1.2: {}
-
   eastasianwidth@0.2.0: {}
 
   editorconfig@1.0.7:
@@ -28940,11 +28358,6 @@ snapshots:
       graceful-fs: 4.2.11
       tapable: 2.3.2
 
-  enhanced-resolve@5.24.3:
-    dependencies:
-      graceful-fs: 4.2.11
-      tapable: 2.3.3
-
   enhanced-resolve@5.24.5:
     dependencies:
       graceful-fs: 4.2.11
@@ -29118,31 +28531,8 @@ snapshots:
       is-date-object: 1.1.0
       is-symbol: 1.1.1
 
-  es5-ext@0.10.64:
-    dependencies:
-      es6-iterator: 2.0.3
-      es6-symbol: 3.1.4
-      esniff: 2.0.1
-      next-tick: 1.1.0
-
-  es6-iterator@2.0.3:
-    dependencies:
-      d: 1.0.2
-      es5-ext: 0.10.64
-      es6-symbol: 3.1.4
-
   es6-object-assign@1.1.0: {}
 
-  es6-symbol@3.1.4:
-    dependencies:
-      d: 1.0.2
-      ext: 1.7.0
-
-  es6-template-strings@2.0.1:
-    dependencies:
-      es5-ext: 0.10.64
-      esniff: 1.1.3
-
   esbuild-plugin-vue3@0.3.2(cheerio@1.2.0)(sass@1.101.0):
     dependencies:
       '@vue/compiler-core': 3.5.32
@@ -29209,33 +28599,24 @@ snapshots:
       eslint: 9.39.4(jiti@2.6.1)
       semver: 7.8.5
 
-  eslint-config-airbnb-base@15.0.0(eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(supports-color@7.2.0)(typescript@6.0.3))(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0)))(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0)):
+  eslint-config-airbnb-base@15.0.0(eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5))(eslint@9.39.4(jiti@2.6.1)))(eslint@9.39.4(jiti@2.6.1)):
     dependencies:
       confusing-browser-globals: 1.0.11
-      eslint: 9.39.4(jiti@2.6.1)(supports-color@7.2.0)
-      eslint-plugin-import: 2.32.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(supports-color@7.2.0)(typescript@6.0.3))(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))
+      eslint: 9.39.4(jiti@2.6.1)
+      eslint-plugin-import: 2.32.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5))(eslint@9.39.4(jiti@2.6.1))
       object.assign: 4.1.7
       object.entries: 1.1.9
       semver: 6.3.1
 
-  eslint-config-airbnb-base@15.0.0(eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5))(eslint@9.39.4(jiti@2.6.1)))(eslint@9.39.4(jiti@2.6.1)):
+  eslint-config-airbnb-base@15.0.0(eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@6.0.3))(eslint@9.39.4(jiti@2.6.1)))(eslint@9.39.4(jiti@2.6.1)):
     dependencies:
       confusing-browser-globals: 1.0.11
       eslint: 9.39.4(jiti@2.6.1)
-      eslint-plugin-import: 2.32.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5))(eslint@9.39.4(jiti@2.6.1))
+      eslint-plugin-import: 2.32.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@6.0.3))(eslint@9.39.4(jiti@2.6.1))
       object.assign: 4.1.7
       object.entries: 1.1.9
       semver: 6.3.1
 
-  eslint-config-airbnb-typescript@18.0.0(@typescript-eslint/eslint-plugin@8.52.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(supports-color@7.2.0)(typescript@6.0.3))(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(supports-color@7.2.0)(typescript@6.0.3))(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(supports-color@7.2.0)(typescript@6.0.3))(eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(supports-color@7.2.0)(typescript@6.0.3))(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0)))(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0)):
-    dependencies:
-      '@typescript-eslint/eslint-plugin': 8.52.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(supports-color@7.2.0)(typescript@6.0.3))(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(supports-color@7.2.0)(typescript@6.0.3)
-      '@typescript-eslint/parser': 8.52.0(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(supports-color@7.2.0)(typescript@6.0.3)
-      eslint: 9.39.4(jiti@2.6.1)(supports-color@7.2.0)
-      eslint-config-airbnb-base: 15.0.0(eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(supports-color@7.2.0)(typescript@6.0.3))(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0)))(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))
-    transitivePeerDependencies:
-      - eslint-plugin-import
-
   eslint-config-airbnb-typescript@18.0.0(@typescript-eslint/eslint-plugin@8.52.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5))(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5))(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5))(eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5))(eslint@9.39.4(jiti@2.6.1)))(eslint@9.39.4(jiti@2.6.1)):
     dependencies:
       '@typescript-eslint/eslint-plugin': 8.52.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5))(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5)
@@ -29245,14 +28626,23 @@ snapshots:
     transitivePeerDependencies:
       - eslint-plugin-import
 
-  eslint-config-devextreme@1.1.11(036b0b25bc375413172c4d0cf61bea25):
+  eslint-config-airbnb-typescript@18.0.0(@typescript-eslint/eslint-plugin@8.52.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@6.0.3))(eslint@9.39.4(jiti@2.6.1))(typescript@6.0.3))(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@6.0.3))(eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@6.0.3))(eslint@9.39.4(jiti@2.6.1)))(eslint@9.39.4(jiti@2.6.1)):
+    dependencies:
+      '@typescript-eslint/eslint-plugin': 8.52.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@6.0.3))(eslint@9.39.4(jiti@2.6.1))(typescript@6.0.3)
+      '@typescript-eslint/parser': 8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@6.0.3)
+      eslint: 9.39.4(jiti@2.6.1)
+      eslint-config-airbnb-base: 15.0.0(eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@6.0.3))(eslint@9.39.4(jiti@2.6.1)))(eslint@9.39.4(jiti@2.6.1))
+    transitivePeerDependencies:
+      - eslint-plugin-import
+
+  eslint-config-devextreme@1.1.11(0bf0cf098d0a3b928d7fd275ba37129c):
     dependencies:
       '@stylistic/eslint-plugin': 5.10.0(eslint@9.39.4(jiti@2.6.1))
-      '@typescript-eslint/eslint-plugin': 8.52.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@5.8.3))(eslint@9.39.4(jiti@2.6.1))(typescript@5.8.3)
-      '@typescript-eslint/parser': 8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@5.8.3)
+      '@typescript-eslint/eslint-plugin': 8.52.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5))(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5)
+      '@typescript-eslint/parser': 8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5)
       eslint: 9.39.4(jiti@2.6.1)
-      eslint-plugin-import: 2.32.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@5.8.3))(eslint@9.39.4(jiti@2.6.1))
-      eslint-plugin-jest: 29.15.2(@typescript-eslint/eslint-plugin@8.52.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@5.8.3))(eslint@9.39.4(jiti@2.6.1))(typescript@5.8.3))(eslint@9.39.4(jiti@2.6.1))(jest@30.2.0(@types/node@20.19.37)(babel-plugin-macros@3.1.0)(node-notifier@9.0.1)(ts-node@10.9.2(@swc/core@1.15.30(@swc/helpers@0.5.21))(@types/node@20.19.37)(typescript@5.9.3)))(typescript@5.8.3)
+      eslint-plugin-import: 2.32.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5))(eslint@9.39.4(jiti@2.6.1))
+      eslint-plugin-jest: 29.15.2(@typescript-eslint/eslint-plugin@8.52.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5))(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5))(eslint@9.39.4(jiti@2.6.1))(jest@30.2.0(@types/node@20.11.17)(babel-plugin-macros@3.1.0)(node-notifier@9.0.1)(ts-node@10.9.2(@swc/core@1.15.30(@swc/helpers@0.5.21))(@types/node@20.11.17)(typescript@4.9.5)))(typescript@4.9.5)
       eslint-plugin-jsx-a11y: 6.10.2(eslint@9.39.4(jiti@2.6.1))
       eslint-plugin-no-only-tests: 3.3.0
       eslint-plugin-qunit: 8.2.6(eslint@9.39.4(jiti@2.6.1))
@@ -29260,11 +28650,30 @@ snapshots:
       eslint-plugin-react-perf: 3.3.3(eslint@9.39.4(jiti@2.6.1))
       eslint-plugin-rulesdir: 0.2.2
       eslint-plugin-spellcheck: 0.0.20(eslint@9.39.4(jiti@2.6.1))
-      eslint-plugin-vue: 10.4.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@5.8.3))(eslint@9.39.4(jiti@2.6.1))(vue-eslint-parser@10.0.0(eslint@9.39.4(jiti@2.6.1)))
-      stylelint: 15.11.0(typescript@5.8.3)
-      stylelint-config-standard: 38.0.0(stylelint@15.11.0(typescript@5.8.3))
+      eslint-plugin-vue: 10.4.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5))(eslint@9.39.4(jiti@2.6.1))(vue-eslint-parser@10.0.0(eslint@9.39.4(jiti@2.6.1)))
+      stylelint: 16.22.0(typescript@4.9.5)
+      stylelint-config-standard: 38.0.0(stylelint@16.22.0(typescript@4.9.5))
 
-  eslint-config-devextreme@1.1.11(21373fd47cc2a7a56720766fc64e98ca):
+  eslint-config-devextreme@1.1.11(1ab26e2fdac0a1462882017b4fe7b289):
+    dependencies:
+      '@stylistic/eslint-plugin': 5.10.0(eslint@9.39.4(jiti@2.6.1))
+      '@typescript-eslint/eslint-plugin': 8.52.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@6.0.3))(eslint@9.39.4(jiti@2.6.1))(typescript@6.0.3)
+      '@typescript-eslint/parser': 8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@6.0.3)
+      eslint: 9.39.4(jiti@2.6.1)
+      eslint-plugin-import: 2.32.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@6.0.3))(eslint@9.39.4(jiti@2.6.1))
+      eslint-plugin-jest: 29.15.2(@typescript-eslint/eslint-plugin@8.52.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@6.0.3))(eslint@9.39.4(jiti@2.6.1))(typescript@6.0.3))(eslint@9.39.4(jiti@2.6.1))(jest@29.7.0(@types/node@20.19.37)(babel-plugin-macros@3.1.0)(node-notifier@9.0.1)(ts-node@10.9.2(@swc/core@1.15.30(@swc/helpers@0.5.21))(@types/node@20.19.37)(typescript@6.0.3)))(supports-color@7.2.0)(typescript@6.0.3)
+      eslint-plugin-jsx-a11y: 6.10.2(eslint@9.39.4(jiti@2.6.1))
+      eslint-plugin-no-only-tests: 3.3.0
+      eslint-plugin-qunit: 8.2.6(eslint@9.39.4(jiti@2.6.1))
+      eslint-plugin-react: 7.37.5(eslint@9.39.4(jiti@2.6.1))
+      eslint-plugin-react-perf: 3.3.3(eslint@9.39.4(jiti@2.6.1))
+      eslint-plugin-rulesdir: 0.2.2
+      eslint-plugin-spellcheck: 0.0.20(eslint@9.39.4(jiti@2.6.1))
+      eslint-plugin-vue: 10.4.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@6.0.3))(eslint@9.39.4(jiti@2.6.1))(vue-eslint-parser@10.0.0(eslint@9.39.4(jiti@2.6.1)))
+      stylelint: 16.22.0(typescript@6.0.3)
+      stylelint-config-standard: 38.0.0(stylelint@16.22.0(typescript@6.0.3))
+
+  eslint-config-devextreme@1.1.11(33b7e80734c34857e30298d4e85d3fef):
     dependencies:
       '@stylistic/eslint-plugin': 5.10.0(eslint@9.39.4(jiti@2.6.1))
       '@typescript-eslint/eslint-plugin': 8.52.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5))(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5)
@@ -29280,17 +28689,17 @@ snapshots:
       eslint-plugin-rulesdir: 0.2.2
       eslint-plugin-spellcheck: 0.0.20(eslint@9.39.4(jiti@2.6.1))
       eslint-plugin-vue: 10.4.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5))(eslint@9.39.4(jiti@2.6.1))(vue-eslint-parser@10.0.0(eslint@9.39.4(jiti@2.6.1)))
-      stylelint: 15.11.0(typescript@4.9.5)
-      stylelint-config-standard: 38.0.0(stylelint@15.11.0(typescript@4.9.5))
+      stylelint: 16.22.0(typescript@4.9.5)
+      stylelint-config-standard: 38.0.0(stylelint@16.22.0(typescript@4.9.5))
 
-  eslint-config-devextreme@1.1.11(2159c8bdfeeb538cd9a87b0f06dfe45f):
+  eslint-config-devextreme@1.1.11(34e25ca7f08f1322a043ec8d80e91c93):
     dependencies:
       '@stylistic/eslint-plugin': 5.10.0(eslint@9.39.4(jiti@2.6.1))
-      '@typescript-eslint/eslint-plugin': 8.52.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5))(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5)
-      '@typescript-eslint/parser': 8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5)
+      '@typescript-eslint/eslint-plugin': 8.52.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@5.8.3))(eslint@9.39.4(jiti@2.6.1))(typescript@5.8.3)
+      '@typescript-eslint/parser': 8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@5.8.3)
       eslint: 9.39.4(jiti@2.6.1)
-      eslint-plugin-import: 2.32.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5))(eslint@9.39.4(jiti@2.6.1))
-      eslint-plugin-jest: 29.15.2(@typescript-eslint/eslint-plugin@8.52.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5))(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5))(eslint@9.39.4(jiti@2.6.1))(jest@30.2.0(@types/node@26.1.1)(babel-plugin-macros@3.1.0)(node-notifier@9.0.1)(ts-node@10.9.2(@swc/core@1.15.30(@swc/helpers@0.5.21))(@types/node@26.1.1)(typescript@4.9.5)))(typescript@4.9.5)
+      eslint-plugin-import: 2.32.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@5.8.3))(eslint@9.39.4(jiti@2.6.1))
+      eslint-plugin-jest: 29.15.2(@typescript-eslint/eslint-plugin@8.52.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@5.8.3))(eslint@9.39.4(jiti@2.6.1))(typescript@5.8.3))(eslint@9.39.4(jiti@2.6.1))(jest@30.2.0(@types/node@20.19.37)(babel-plugin-macros@3.1.0)(node-notifier@9.0.1)(ts-node@10.9.2(@swc/core@1.15.30(@swc/helpers@0.5.21))(@types/node@20.19.37)(typescript@5.9.3)))(typescript@5.8.3)
       eslint-plugin-jsx-a11y: 6.10.2(eslint@9.39.4(jiti@2.6.1))
       eslint-plugin-no-only-tests: 3.3.0
       eslint-plugin-qunit: 8.2.6(eslint@9.39.4(jiti@2.6.1))
@@ -29298,18 +28707,18 @@ snapshots:
       eslint-plugin-react-perf: 3.3.3(eslint@9.39.4(jiti@2.6.1))
       eslint-plugin-rulesdir: 0.2.2
       eslint-plugin-spellcheck: 0.0.20(eslint@9.39.4(jiti@2.6.1))
-      eslint-plugin-vue: 10.4.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5))(eslint@9.39.4(jiti@2.6.1))(vue-eslint-parser@10.0.0(eslint@9.39.4(jiti@2.6.1)))
-      stylelint: 15.11.0(typescript@4.9.5)
-      stylelint-config-standard: 38.0.0(stylelint@15.11.0(typescript@4.9.5))
+      eslint-plugin-vue: 10.4.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@5.8.3))(eslint@9.39.4(jiti@2.6.1))(vue-eslint-parser@10.0.0(eslint@9.39.4(jiti@2.6.1)))
+      stylelint: 16.22.0(typescript@5.8.3)
+      stylelint-config-standard: 38.0.0(stylelint@16.22.0(typescript@5.8.3))
 
-  eslint-config-devextreme@1.1.11(3323971c1e531ea4fcc264c8af1d91e5):
+  eslint-config-devextreme@1.1.11(36a0f49ab754119732d0cad2df2dd8f9):
     dependencies:
       '@stylistic/eslint-plugin': 5.10.0(eslint@9.39.4(jiti@2.6.1))
       '@typescript-eslint/eslint-plugin': 8.52.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3)
       '@typescript-eslint/parser': 8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3)
       eslint: 9.39.4(jiti@2.6.1)
       eslint-plugin-import: 2.32.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.4(jiti@2.6.1))
-      eslint-plugin-jest: 29.15.2(@typescript-eslint/eslint-plugin@8.52.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.4(jiti@2.6.1))(jest@30.2.0(@types/node@26.1.1)(babel-plugin-macros@3.1.0)(node-notifier@9.0.1)(ts-node@10.9.2(@swc/core@1.15.30(@swc/helpers@0.5.21))(@types/node@20.19.37)(typescript@5.9.3)))(typescript@6.0.3)
+      eslint-plugin-jest: 29.15.2(@typescript-eslint/eslint-plugin@8.52.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.4(jiti@2.6.1))(jest@30.2.0(@types/node@26.1.1)(babel-plugin-macros@3.1.0)(node-notifier@9.0.1)(ts-node@10.9.2(@swc/core@1.15.30(@swc/helpers@0.5.21))(@types/node@20.19.37)(typescript@5.9.3)))(typescript@5.9.3)
       eslint-plugin-jsx-a11y: 6.10.2(eslint@9.39.4(jiti@2.6.1))
       eslint-plugin-no-only-tests: 3.3.0
       eslint-plugin-qunit: 8.2.6(eslint@9.39.4(jiti@2.6.1))
@@ -29318,17 +28727,17 @@ snapshots:
       eslint-plugin-rulesdir: 0.2.2
       eslint-plugin-spellcheck: 0.0.20(eslint@9.39.4(jiti@2.6.1))
       eslint-plugin-vue: 10.4.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.4(jiti@2.6.1))(vue-eslint-parser@10.0.0(eslint@9.39.4(jiti@2.6.1)))
-      stylelint: 15.11.0(typescript@6.0.3)
-      stylelint-config-standard: 38.0.0(stylelint@15.11.0(typescript@6.0.3))
+      stylelint: 16.22.0(typescript@5.9.3)
+      stylelint-config-standard: 38.0.0(stylelint@16.22.0(typescript@5.9.3))
 
-  eslint-config-devextreme@1.1.11(765db8ce296b6314aa6fee62e11efa0e):
+  eslint-config-devextreme@1.1.11(c357a05deb2b16688bde72abde48073f):
     dependencies:
       '@stylistic/eslint-plugin': 5.10.0(eslint@9.39.4(jiti@2.6.1))
-      '@typescript-eslint/eslint-plugin': 8.52.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5))(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5)
-      '@typescript-eslint/parser': 8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5)
+      '@typescript-eslint/eslint-plugin': 8.52.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/parser': 8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3)
       eslint: 9.39.4(jiti@2.6.1)
-      eslint-plugin-import: 2.32.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5))(eslint@9.39.4(jiti@2.6.1))
-      eslint-plugin-jest: 29.15.2(@typescript-eslint/eslint-plugin@8.52.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5))(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5))(eslint@9.39.4(jiti@2.6.1))(jest@30.2.0(@types/node@20.11.17)(babel-plugin-macros@3.1.0)(node-notifier@9.0.1)(ts-node@10.9.2(@swc/core@1.15.30(@swc/helpers@0.5.21))(@types/node@20.11.17)(typescript@4.9.5)))(typescript@4.9.5)
+      eslint-plugin-import: 2.32.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.4(jiti@2.6.1))
+      eslint-plugin-jest: 29.15.2(@typescript-eslint/eslint-plugin@8.52.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.4(jiti@2.6.1))(jest@30.2.0(@types/node@20.19.37)(babel-plugin-macros@3.1.0)(node-notifier@9.0.1)(ts-node@10.9.2(@swc/core@1.15.30(@swc/helpers@0.5.21))(@types/node@20.19.37)(typescript@5.9.3)))(typescript@5.9.3)
       eslint-plugin-jsx-a11y: 6.10.2(eslint@9.39.4(jiti@2.6.1))
       eslint-plugin-no-only-tests: 3.3.0
       eslint-plugin-qunit: 8.2.6(eslint@9.39.4(jiti@2.6.1))
@@ -29336,37 +28745,18 @@ snapshots:
       eslint-plugin-react-perf: 3.3.3(eslint@9.39.4(jiti@2.6.1))
       eslint-plugin-rulesdir: 0.2.2
       eslint-plugin-spellcheck: 0.0.20(eslint@9.39.4(jiti@2.6.1))
-      eslint-plugin-vue: 10.4.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5))(eslint@9.39.4(jiti@2.6.1))(vue-eslint-parser@10.0.0(eslint@9.39.4(jiti@2.6.1)))
-      stylelint: 15.11.0(typescript@4.9.5)
-      stylelint-config-standard: 38.0.0(stylelint@15.11.0(typescript@4.9.5))
-
-  eslint-config-devextreme@1.1.11(8a02c8ea109c9cf26ed5b6a911da64a7):
-    dependencies:
-      '@stylistic/eslint-plugin': 5.10.0(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))
-      '@typescript-eslint/eslint-plugin': 8.52.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(supports-color@7.2.0)(typescript@6.0.3))(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(supports-color@7.2.0)(typescript@6.0.3)
-      '@typescript-eslint/parser': 8.52.0(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(supports-color@7.2.0)(typescript@6.0.3)
-      eslint: 9.39.4(jiti@2.6.1)(supports-color@7.2.0)
-      eslint-plugin-import: 2.32.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(supports-color@7.2.0)(typescript@6.0.3))(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))
-      eslint-plugin-jest: 29.15.2(@typescript-eslint/eslint-plugin@8.52.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(supports-color@7.2.0)(typescript@6.0.3))(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(supports-color@7.2.0)(typescript@6.0.3))(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(jest@29.7.0(@types/node@26.1.1)(babel-plugin-macros@3.1.0)(node-notifier@9.0.1)(ts-node@10.9.2(@swc/core@1.15.30(@swc/helpers@0.5.21))(@types/node@20.19.37)(typescript@6.0.3)))(supports-color@7.2.0)(typescript@6.0.3)
-      eslint-plugin-jsx-a11y: 6.10.2(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))
-      eslint-plugin-no-only-tests: 3.3.0
-      eslint-plugin-qunit: 8.2.6(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))
-      eslint-plugin-react: 7.37.5(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))
-      eslint-plugin-react-perf: 3.3.3(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))
-      eslint-plugin-rulesdir: 0.2.2
-      eslint-plugin-spellcheck: 0.0.20(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))
-      eslint-plugin-vue: 10.4.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(supports-color@7.2.0)(typescript@6.0.3))(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(vue-eslint-parser@10.0.0(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(supports-color@7.2.0))
-      stylelint: 16.22.0(typescript@6.0.3)
-      stylelint-config-standard: 38.0.0(stylelint@16.22.0(typescript@6.0.3))
+      eslint-plugin-vue: 10.4.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.4(jiti@2.6.1))(vue-eslint-parser@10.0.0(eslint@9.39.4(jiti@2.6.1)))
+      stylelint: 16.22.0(typescript@5.9.3)
+      stylelint-config-standard: 38.0.0(stylelint@16.22.0(typescript@5.9.3))
 
-  eslint-config-devextreme@1.1.11(df15cfffce683e1bcb7bfdacad1a6df8):
+  eslint-config-devextreme@1.1.11(d15b6dd1a804cd08c9b9266c82470597):
     dependencies:
       '@stylistic/eslint-plugin': 5.10.0(eslint@9.39.4(jiti@2.6.1))
-      '@typescript-eslint/eslint-plugin': 8.52.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.4(jiti@2.6.1))(typescript@6.0.3)
-      '@typescript-eslint/parser': 8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/eslint-plugin': 8.52.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5))(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5)
+      '@typescript-eslint/parser': 8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5)
       eslint: 9.39.4(jiti@2.6.1)
-      eslint-plugin-import: 2.32.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.4(jiti@2.6.1))
-      eslint-plugin-jest: 29.15.2(@typescript-eslint/eslint-plugin@8.52.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.4(jiti@2.6.1))(typescript@6.0.3))(eslint@9.39.4(jiti@2.6.1))(jest@30.2.0(@types/node@26.1.1)(babel-plugin-macros@3.1.0)(node-notifier@9.0.1)(ts-node@10.9.2(@swc/core@1.15.30(@swc/helpers@0.5.21))(@types/node@20.19.37)(typescript@5.9.3)))(typescript@6.0.3)
+      eslint-plugin-import: 2.32.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5))(eslint@9.39.4(jiti@2.6.1))
+      eslint-plugin-jest: 29.15.2(@typescript-eslint/eslint-plugin@8.52.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5))(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5))(eslint@9.39.4(jiti@2.6.1))(jest@30.2.0(@types/node@26.1.1)(babel-plugin-macros@3.1.0)(node-notifier@9.0.1)(ts-node@10.9.2(@swc/core@1.15.30(@swc/helpers@0.5.21))(@types/node@26.1.1)(typescript@4.9.5)))(typescript@4.9.5)
       eslint-plugin-jsx-a11y: 6.10.2(eslint@9.39.4(jiti@2.6.1))
       eslint-plugin-no-only-tests: 3.3.0
       eslint-plugin-qunit: 8.2.6(eslint@9.39.4(jiti@2.6.1))
@@ -29374,9 +28764,9 @@ snapshots:
       eslint-plugin-react-perf: 3.3.3(eslint@9.39.4(jiti@2.6.1))
       eslint-plugin-rulesdir: 0.2.2
       eslint-plugin-spellcheck: 0.0.20(eslint@9.39.4(jiti@2.6.1))
-      eslint-plugin-vue: 10.4.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.4(jiti@2.6.1))(vue-eslint-parser@10.0.0(eslint@9.39.4(jiti@2.6.1)))
-      stylelint: 15.11.0(typescript@6.0.3)
-      stylelint-config-standard: 38.0.0(stylelint@15.11.0(typescript@6.0.3))
+      eslint-plugin-vue: 10.4.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5))(eslint@9.39.4(jiti@2.6.1))(vue-eslint-parser@10.0.0(eslint@9.39.4(jiti@2.6.1)))
+      stylelint: 16.22.0(typescript@4.9.5)
+      stylelint-config-standard: 38.0.0(stylelint@16.22.0(typescript@4.9.5))
 
   eslint-import-resolver-node@0.3.10:
     dependencies:
@@ -29386,50 +28776,50 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  eslint-module-utils@2.12.1(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(supports-color@7.2.0)(typescript@6.0.3))(eslint-import-resolver-node@0.3.10)(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0)):
+  eslint-module-utils@2.12.1(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5))(eslint-import-resolver-node@0.3.10)(eslint@9.39.4(jiti@2.6.1)):
     dependencies:
       debug: 3.2.7
     optionalDependencies:
-      '@typescript-eslint/parser': 8.52.0(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(supports-color@7.2.0)(typescript@6.0.3)
-      eslint: 9.39.4(jiti@2.6.1)(supports-color@7.2.0)
+      '@typescript-eslint/parser': 8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5)
+      eslint: 9.39.4(jiti@2.6.1)
       eslint-import-resolver-node: 0.3.10
     transitivePeerDependencies:
       - supports-color
 
-  eslint-module-utils@2.12.1(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5))(eslint-import-resolver-node@0.3.10)(eslint@9.39.4(jiti@2.6.1)):
+  eslint-module-utils@2.12.1(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@5.8.3))(eslint-import-resolver-node@0.3.10)(eslint@9.39.4(jiti@2.6.1)):
     dependencies:
       debug: 3.2.7
     optionalDependencies:
-      '@typescript-eslint/parser': 8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5)
+      '@typescript-eslint/parser': 8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@5.8.3)
       eslint: 9.39.4(jiti@2.6.1)
       eslint-import-resolver-node: 0.3.10
     transitivePeerDependencies:
       - supports-color
 
-  eslint-module-utils@2.12.1(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@5.8.3))(eslint-import-resolver-node@0.3.10)(eslint@9.39.4(jiti@2.6.1)):
+  eslint-module-utils@2.12.1(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3))(eslint-import-resolver-node@0.3.10)(eslint@9.39.4(jiti@2.6.1)):
     dependencies:
       debug: 3.2.7
     optionalDependencies:
-      '@typescript-eslint/parser': 8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@5.8.3)
+      '@typescript-eslint/parser': 8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3)
       eslint: 9.39.4(jiti@2.6.1)
       eslint-import-resolver-node: 0.3.10
     transitivePeerDependencies:
       - supports-color
 
-  eslint-module-utils@2.12.1(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3))(eslint-import-resolver-node@0.3.10)(eslint@9.39.4(jiti@2.6.1)):
+  eslint-module-utils@2.12.1(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@6.0.3))(eslint-import-resolver-node@0.3.10)(eslint@9.39.4(jiti@2.6.1)):
     dependencies:
       debug: 3.2.7
     optionalDependencies:
-      '@typescript-eslint/parser': 8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/parser': 8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@6.0.3)
       eslint: 9.39.4(jiti@2.6.1)
       eslint-import-resolver-node: 0.3.10
     transitivePeerDependencies:
       - supports-color
 
-  eslint-plugin-deprecation@3.0.0(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(supports-color@7.2.0)(typescript@6.0.3):
+  eslint-plugin-deprecation@3.0.0(eslint@9.39.4(jiti@2.6.1))(supports-color@7.2.0)(typescript@6.0.3):
     dependencies:
-      '@typescript-eslint/utils': 7.18.0(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(supports-color@7.2.0)(typescript@6.0.3)
-      eslint: 9.39.4(jiti@2.6.1)(supports-color@7.2.0)
+      '@typescript-eslint/utils': 7.18.0(eslint@9.39.4(jiti@2.6.1))(supports-color@7.2.0)(typescript@6.0.3)
+      eslint: 9.39.4(jiti@2.6.1)
       ts-api-utils: 1.4.3(typescript@6.0.3)
       tslib: 2.8.1
       typescript: 6.0.3
@@ -29445,7 +28835,7 @@ snapshots:
 
   eslint-plugin-i18n@2.4.0: {}
 
-  eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(supports-color@7.2.0)(typescript@6.0.3))(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0)):
+  eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5))(eslint@9.39.4(jiti@2.6.1)):
     dependencies:
       '@rtsao/scc': 1.1.0
       array-includes: 3.1.9
@@ -29454,9 +28844,9 @@ snapshots:
       array.prototype.flatmap: 1.3.3
       debug: 3.2.7
       doctrine: 2.1.0
-      eslint: 9.39.4(jiti@2.6.1)(supports-color@7.2.0)
+      eslint: 9.39.4(jiti@2.6.1)
       eslint-import-resolver-node: 0.3.10
-      eslint-module-utils: 2.12.1(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(supports-color@7.2.0)(typescript@6.0.3))(eslint-import-resolver-node@0.3.10)(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))
+      eslint-module-utils: 2.12.1(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5))(eslint-import-resolver-node@0.3.10)(eslint@9.39.4(jiti@2.6.1))
       hasown: 2.0.4
       is-core-module: 2.16.2
       is-glob: 4.0.3
@@ -29468,13 +28858,13 @@ snapshots:
       string.prototype.trimend: 1.0.9
       tsconfig-paths: 3.15.0
     optionalDependencies:
-      '@typescript-eslint/parser': 8.52.0(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(supports-color@7.2.0)(typescript@6.0.3)
+      '@typescript-eslint/parser': 8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5)
     transitivePeerDependencies:
       - eslint-import-resolver-typescript
       - eslint-import-resolver-webpack
       - supports-color
 
-  eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5))(eslint@9.39.4(jiti@2.6.1)):
+  eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@5.8.3))(eslint@9.39.4(jiti@2.6.1)):
     dependencies:
       '@rtsao/scc': 1.1.0
       array-includes: 3.1.9
@@ -29485,7 +28875,7 @@ snapshots:
       doctrine: 2.1.0
       eslint: 9.39.4(jiti@2.6.1)
       eslint-import-resolver-node: 0.3.10
-      eslint-module-utils: 2.12.1(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5))(eslint-import-resolver-node@0.3.10)(eslint@9.39.4(jiti@2.6.1))
+      eslint-module-utils: 2.12.1(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@5.8.3))(eslint-import-resolver-node@0.3.10)(eslint@9.39.4(jiti@2.6.1))
       hasown: 2.0.4
       is-core-module: 2.16.2
       is-glob: 4.0.3
@@ -29497,13 +28887,13 @@ snapshots:
       string.prototype.trimend: 1.0.9
       tsconfig-paths: 3.15.0
     optionalDependencies:
-      '@typescript-eslint/parser': 8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5)
+      '@typescript-eslint/parser': 8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@5.8.3)
     transitivePeerDependencies:
       - eslint-import-resolver-typescript
       - eslint-import-resolver-webpack
       - supports-color
 
-  eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@5.8.3))(eslint@9.39.4(jiti@2.6.1)):
+  eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.4(jiti@2.6.1)):
     dependencies:
       '@rtsao/scc': 1.1.0
       array-includes: 3.1.9
@@ -29514,7 +28904,7 @@ snapshots:
       doctrine: 2.1.0
       eslint: 9.39.4(jiti@2.6.1)
       eslint-import-resolver-node: 0.3.10
-      eslint-module-utils: 2.12.1(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@5.8.3))(eslint-import-resolver-node@0.3.10)(eslint@9.39.4(jiti@2.6.1))
+      eslint-module-utils: 2.12.1(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3))(eslint-import-resolver-node@0.3.10)(eslint@9.39.4(jiti@2.6.1))
       hasown: 2.0.4
       is-core-module: 2.16.2
       is-glob: 4.0.3
@@ -29526,13 +28916,13 @@ snapshots:
       string.prototype.trimend: 1.0.9
       tsconfig-paths: 3.15.0
     optionalDependencies:
-      '@typescript-eslint/parser': 8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@5.8.3)
+      '@typescript-eslint/parser': 8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3)
     transitivePeerDependencies:
       - eslint-import-resolver-typescript
       - eslint-import-resolver-webpack
       - supports-color
 
-  eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.4(jiti@2.6.1)):
+  eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@6.0.3))(eslint@9.39.4(jiti@2.6.1)):
     dependencies:
       '@rtsao/scc': 1.1.0
       array-includes: 3.1.9
@@ -29543,7 +28933,7 @@ snapshots:
       doctrine: 2.1.0
       eslint: 9.39.4(jiti@2.6.1)
       eslint-import-resolver-node: 0.3.10
-      eslint-module-utils: 2.12.1(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3))(eslint-import-resolver-node@0.3.10)(eslint@9.39.4(jiti@2.6.1))
+      eslint-module-utils: 2.12.1(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@6.0.3))(eslint-import-resolver-node@0.3.10)(eslint@9.39.4(jiti@2.6.1))
       hasown: 2.0.4
       is-core-module: 2.16.2
       is-glob: 4.0.3
@@ -29555,7 +28945,7 @@ snapshots:
       string.prototype.trimend: 1.0.9
       tsconfig-paths: 3.15.0
     optionalDependencies:
-      '@typescript-eslint/parser': 8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/parser': 8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@6.0.3)
     transitivePeerDependencies:
       - eslint-import-resolver-typescript
       - eslint-import-resolver-webpack
@@ -29565,17 +28955,6 @@ snapshots:
     dependencies:
       eslint: 9.39.4(jiti@2.6.1)
 
-  eslint-plugin-jest@29.15.2(@typescript-eslint/eslint-plugin@8.52.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(supports-color@7.2.0)(typescript@6.0.3))(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(supports-color@7.2.0)(typescript@6.0.3))(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(jest@29.7.0(@types/node@26.1.1)(babel-plugin-macros@3.1.0)(node-notifier@9.0.1)(ts-node@10.9.2(@swc/core@1.15.30(@swc/helpers@0.5.21))(@types/node@20.19.37)(typescript@6.0.3)))(supports-color@7.2.0)(typescript@6.0.3):
-    dependencies:
-      '@typescript-eslint/utils': 8.58.2(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(supports-color@7.2.0)(typescript@6.0.3)
-      eslint: 9.39.4(jiti@2.6.1)(supports-color@7.2.0)
-    optionalDependencies:
-      '@typescript-eslint/eslint-plugin': 8.52.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(supports-color@7.2.0)(typescript@6.0.3))(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(supports-color@7.2.0)(typescript@6.0.3)
-      jest: 29.7.0(@types/node@26.1.1)(babel-plugin-macros@3.1.0)(node-notifier@9.0.1)(ts-node@10.9.2(@swc/core@1.15.30(@swc/helpers@0.5.21))(@types/node@20.19.37)(typescript@6.0.3))
-      typescript: 6.0.3
-    transitivePeerDependencies:
-      - supports-color
-
   eslint-plugin-jest@29.15.2(@typescript-eslint/eslint-plugin@8.52.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5))(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5))(eslint@9.39.4(jiti@2.6.1))(jest@30.2.0(@types/node@20.11.17)(babel-plugin-macros@3.1.0)(node-notifier@9.0.1)(ts-node@10.9.2(@swc/core@1.15.30(@swc/helpers@0.5.21))(@types/node@20.11.17)(typescript@4.9.5)))(typescript@4.9.5):
     dependencies:
       '@typescript-eslint/utils': 8.58.2(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5)
@@ -29620,46 +28999,38 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  eslint-plugin-jest@29.15.2(@typescript-eslint/eslint-plugin@8.52.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.4(jiti@2.6.1))(jest@30.2.0(@types/node@26.1.1)(babel-plugin-macros@3.1.0)(node-notifier@9.0.1)(ts-node@10.9.2(@swc/core@1.15.30(@swc/helpers@0.5.21))(@types/node@20.19.37)(typescript@5.9.3)))(typescript@6.0.3):
+  eslint-plugin-jest@29.15.2(@typescript-eslint/eslint-plugin@8.52.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.4(jiti@2.6.1))(jest@30.2.0(@types/node@20.19.37)(babel-plugin-macros@3.1.0)(node-notifier@9.0.1)(ts-node@10.9.2(@swc/core@1.15.30(@swc/helpers@0.5.21))(@types/node@20.19.37)(typescript@5.9.3)))(typescript@5.9.3):
     dependencies:
-      '@typescript-eslint/utils': 8.58.2(eslint@9.39.4(jiti@2.6.1))(typescript@6.0.3)
+      '@typescript-eslint/utils': 8.58.2(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3)
       eslint: 9.39.4(jiti@2.6.1)
     optionalDependencies:
       '@typescript-eslint/eslint-plugin': 8.52.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3)
-      jest: 30.2.0(@types/node@26.1.1)(babel-plugin-macros@3.1.0)(node-notifier@9.0.1)(ts-node@10.9.2(@swc/core@1.15.30(@swc/helpers@0.5.21))(@types/node@20.19.37)(typescript@5.9.3))
-      typescript: 6.0.3
+      jest: 30.2.0(@types/node@20.19.37)(babel-plugin-macros@3.1.0)(node-notifier@9.0.1)(ts-node@10.9.2(@swc/core@1.15.30(@swc/helpers@0.5.21))(@types/node@20.19.37)(typescript@5.9.3))
+      typescript: 5.9.3
     transitivePeerDependencies:
       - supports-color
 
-  eslint-plugin-jest@29.15.2(@typescript-eslint/eslint-plugin@8.52.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.4(jiti@2.6.1))(typescript@6.0.3))(eslint@9.39.4(jiti@2.6.1))(jest@30.2.0(@types/node@26.1.1)(babel-plugin-macros@3.1.0)(node-notifier@9.0.1)(ts-node@10.9.2(@swc/core@1.15.30(@swc/helpers@0.5.21))(@types/node@20.19.37)(typescript@5.9.3)))(typescript@6.0.3):
+  eslint-plugin-jest@29.15.2(@typescript-eslint/eslint-plugin@8.52.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.4(jiti@2.6.1))(jest@30.2.0(@types/node@26.1.1)(babel-plugin-macros@3.1.0)(node-notifier@9.0.1)(ts-node@10.9.2(@swc/core@1.15.30(@swc/helpers@0.5.21))(@types/node@20.19.37)(typescript@5.9.3)))(typescript@5.9.3):
     dependencies:
-      '@typescript-eslint/utils': 8.58.2(eslint@9.39.4(jiti@2.6.1))(typescript@6.0.3)
+      '@typescript-eslint/utils': 8.58.2(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3)
       eslint: 9.39.4(jiti@2.6.1)
     optionalDependencies:
-      '@typescript-eslint/eslint-plugin': 8.52.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.4(jiti@2.6.1))(typescript@6.0.3)
+      '@typescript-eslint/eslint-plugin': 8.52.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3)
       jest: 30.2.0(@types/node@26.1.1)(babel-plugin-macros@3.1.0)(node-notifier@9.0.1)(ts-node@10.9.2(@swc/core@1.15.30(@swc/helpers@0.5.21))(@types/node@20.19.37)(typescript@5.9.3))
-      typescript: 6.0.3
+      typescript: 5.9.3
     transitivePeerDependencies:
       - supports-color
 
-  eslint-plugin-jsx-a11y@6.10.2(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0)):
+  eslint-plugin-jest@29.15.2(@typescript-eslint/eslint-plugin@8.52.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@6.0.3))(eslint@9.39.4(jiti@2.6.1))(typescript@6.0.3))(eslint@9.39.4(jiti@2.6.1))(jest@29.7.0(@types/node@20.19.37)(babel-plugin-macros@3.1.0)(node-notifier@9.0.1)(ts-node@10.9.2(@swc/core@1.15.30(@swc/helpers@0.5.21))(@types/node@20.19.37)(typescript@6.0.3)))(supports-color@7.2.0)(typescript@6.0.3):
     dependencies:
-      aria-query: 5.3.2
-      array-includes: 3.1.9
-      array.prototype.flatmap: 1.3.3
-      ast-types-flow: 0.0.8
-      axe-core: 4.12.1
-      axobject-query: 4.1.0
-      damerau-levenshtein: 1.0.8
-      emoji-regex: 9.2.2
-      eslint: 9.39.4(jiti@2.6.1)(supports-color@7.2.0)
-      hasown: 2.0.4
-      jsx-ast-utils: 3.3.5
-      language-tags: 1.0.9
-      minimatch: 3.1.5
-      object.fromentries: 2.0.8
-      safe-regex-test: 1.1.0
-      string.prototype.includes: 2.0.1
+      '@typescript-eslint/utils': 8.58.2(eslint@9.39.4(jiti@2.6.1))(supports-color@7.2.0)(typescript@6.0.3)
+      eslint: 9.39.4(jiti@2.6.1)
+    optionalDependencies:
+      '@typescript-eslint/eslint-plugin': 8.52.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@6.0.3))(eslint@9.39.4(jiti@2.6.1))(typescript@6.0.3)
+      jest: 29.7.0(@types/node@20.19.37)(babel-plugin-macros@3.1.0)(node-notifier@9.0.1)(ts-node@10.9.2(@swc/core@1.15.30(@swc/helpers@0.5.21))(@types/node@20.19.37)(typescript@6.0.3))
+      typescript: 6.0.3
+    transitivePeerDependencies:
+      - supports-color
 
   eslint-plugin-jsx-a11y@6.10.2(eslint@9.39.4(jiti@2.6.1)):
     dependencies:
@@ -29697,30 +29068,24 @@ snapshots:
 
   eslint-plugin-no-only-tests@3.3.0: {}
 
-  eslint-plugin-perfectionist@5.9.1(eslint@9.39.4(jiti@2.6.1))(supports-color@7.2.0)(typescript@4.9.5):
+  eslint-plugin-perfectionist@5.9.1(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5):
     dependencies:
-      '@typescript-eslint/utils': 8.62.0(eslint@9.39.4(jiti@2.6.1))(supports-color@7.2.0)(typescript@4.9.5)
+      '@typescript-eslint/utils': 8.62.0(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5)
       eslint: 9.39.4(jiti@2.6.1)
       natural-orderby: 5.0.0
     transitivePeerDependencies:
       - supports-color
       - typescript
 
-  eslint-plugin-qunit@8.2.6(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0)):
-    dependencies:
-      '@eslint-community/eslint-utils': 4.10.1(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))
-      eslint: 9.39.4(jiti@2.6.1)(supports-color@7.2.0)
-      requireindex: 1.2.0
-
   eslint-plugin-qunit@8.2.6(eslint@9.39.4(jiti@2.6.1)):
     dependencies:
       '@eslint-community/eslint-utils': 4.10.1(eslint@9.39.4(jiti@2.6.1))
       eslint: 9.39.4(jiti@2.6.1)
       requireindex: 1.2.0
 
-  eslint-plugin-react-hooks@5.2.0(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0)):
+  eslint-plugin-react-hooks@5.2.0(eslint@9.39.4(jiti@2.6.1)):
     dependencies:
-      eslint: 9.39.4(jiti@2.6.1)(supports-color@7.2.0)
+      eslint: 9.39.4(jiti@2.6.1)
 
   eslint-plugin-react-hooks@7.0.1(eslint@9.39.4(jiti@2.6.1)):
     dependencies:
@@ -29728,15 +29093,11 @@ snapshots:
       '@babel/parser': 7.29.2
       eslint: 9.39.4(jiti@2.6.1)
       hermes-parser: 0.25.1
-      zod: 4.4.2
-      zod-validation-error: 4.0.2(zod@4.4.2)
+      zod: 4.4.3
+      zod-validation-error: 4.0.2(zod@4.4.3)
     transitivePeerDependencies:
       - supports-color
 
-  eslint-plugin-react-perf@3.3.3(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0)):
-    dependencies:
-      eslint: 9.39.4(jiti@2.6.1)(supports-color@7.2.0)
-
   eslint-plugin-react-perf@3.3.3(eslint@9.39.4(jiti@2.6.1)):
     dependencies:
       eslint: 9.39.4(jiti@2.6.1)
@@ -29745,28 +29106,6 @@ snapshots:
     dependencies:
       eslint: 9.39.4(jiti@2.6.1)
 
-  eslint-plugin-react@7.37.5(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0)):
-    dependencies:
-      array-includes: 3.1.9
-      array.prototype.findlast: 1.2.5
-      array.prototype.flatmap: 1.3.3
-      array.prototype.tosorted: 1.1.4
-      doctrine: 2.1.0
-      es-iterator-helpers: 1.3.2
-      eslint: 9.39.4(jiti@2.6.1)(supports-color@7.2.0)
-      estraverse: 5.3.0
-      hasown: 2.0.3
-      jsx-ast-utils: 3.3.5
-      minimatch: 3.1.5
-      object.entries: 1.1.9
-      object.fromentries: 2.0.8
-      object.values: 1.2.1
-      prop-types: 15.8.1
-      resolve: 2.0.0-next.6
-      semver: 6.3.1
-      string.prototype.matchall: 4.0.12
-      string.prototype.repeat: 1.0.0
-
   eslint-plugin-react@7.37.5(eslint@9.39.4(jiti@2.6.1)):
     dependencies:
       array-includes: 3.1.9
@@ -29795,13 +29134,6 @@ snapshots:
     dependencies:
       eslint: 9.39.4(jiti@2.6.1)
 
-  eslint-plugin-spellcheck@0.0.20(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0)):
-    dependencies:
-      eslint: 9.39.4(jiti@2.6.1)(supports-color@7.2.0)
-      globals: 13.24.0
-      hunspell-spellchecker: 1.0.2
-      lodash: 4.18.1
-
   eslint-plugin-spellcheck@0.0.20(eslint@9.39.4(jiti@2.6.1)):
     dependencies:
       eslint: 9.39.4(jiti@2.6.1)
@@ -29833,20 +29165,20 @@ snapshots:
       semver: 7.7.4
       strip-indent: 4.1.1
 
-  eslint-plugin-vue@10.4.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(supports-color@7.2.0)(typescript@6.0.3))(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(vue-eslint-parser@10.0.0(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(supports-color@7.2.0)):
+  eslint-plugin-vue@10.4.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5))(eslint@9.39.4(jiti@2.6.1))(vue-eslint-parser@10.0.0(eslint@9.39.4(jiti@2.6.1))):
     dependencies:
-      '@eslint-community/eslint-utils': 4.10.1(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))
-      eslint: 9.39.4(jiti@2.6.1)(supports-color@7.2.0)
+      '@eslint-community/eslint-utils': 4.10.1(eslint@9.39.4(jiti@2.6.1))
+      eslint: 9.39.4(jiti@2.6.1)
       natural-compare: 1.4.0
       nth-check: 2.1.1
       postcss-selector-parser: 6.1.2
       semver: 7.8.5
-      vue-eslint-parser: 10.0.0(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(supports-color@7.2.0)
+      vue-eslint-parser: 10.0.0(eslint@9.39.4(jiti@2.6.1))
       xml-name-validator: 4.0.0
     optionalDependencies:
-      '@typescript-eslint/parser': 8.52.0(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(supports-color@7.2.0)(typescript@6.0.3)
+      '@typescript-eslint/parser': 8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5)
 
-  eslint-plugin-vue@10.4.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5))(eslint@9.39.4(jiti@2.6.1))(vue-eslint-parser@10.0.0(eslint@9.39.4(jiti@2.6.1))):
+  eslint-plugin-vue@10.4.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@5.8.3))(eslint@9.39.4(jiti@2.6.1))(vue-eslint-parser@10.0.0(eslint@9.39.4(jiti@2.6.1))):
     dependencies:
       '@eslint-community/eslint-utils': 4.10.1(eslint@9.39.4(jiti@2.6.1))
       eslint: 9.39.4(jiti@2.6.1)
@@ -29857,9 +29189,9 @@ snapshots:
       vue-eslint-parser: 10.0.0(eslint@9.39.4(jiti@2.6.1))
       xml-name-validator: 4.0.0
     optionalDependencies:
-      '@typescript-eslint/parser': 8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5)
+      '@typescript-eslint/parser': 8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@5.8.3)
 
-  eslint-plugin-vue@10.4.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@5.8.3))(eslint@9.39.4(jiti@2.6.1))(vue-eslint-parser@10.0.0(eslint@9.39.4(jiti@2.6.1))):
+  eslint-plugin-vue@10.4.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.4(jiti@2.6.1))(vue-eslint-parser@10.0.0(eslint@9.39.4(jiti@2.6.1))):
     dependencies:
       '@eslint-community/eslint-utils': 4.10.1(eslint@9.39.4(jiti@2.6.1))
       eslint: 9.39.4(jiti@2.6.1)
@@ -29870,9 +29202,9 @@ snapshots:
       vue-eslint-parser: 10.0.0(eslint@9.39.4(jiti@2.6.1))
       xml-name-validator: 4.0.0
     optionalDependencies:
-      '@typescript-eslint/parser': 8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@5.8.3)
+      '@typescript-eslint/parser': 8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3)
 
-  eslint-plugin-vue@10.4.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.4(jiti@2.6.1))(vue-eslint-parser@10.0.0(eslint@9.39.4(jiti@2.6.1))):
+  eslint-plugin-vue@10.4.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@6.0.3))(eslint@9.39.4(jiti@2.6.1))(vue-eslint-parser@10.0.0(eslint@9.39.4(jiti@2.6.1))):
     dependencies:
       '@eslint-community/eslint-utils': 4.10.1(eslint@9.39.4(jiti@2.6.1))
       eslint: 9.39.4(jiti@2.6.1)
@@ -29883,7 +29215,7 @@ snapshots:
       vue-eslint-parser: 10.0.0(eslint@9.39.4(jiti@2.6.1))
       xml-name-validator: 4.0.0
     optionalDependencies:
-      '@typescript-eslint/parser': 8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/parser': 8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@6.0.3)
 
   eslint-scope@5.1.1:
     dependencies:
@@ -29912,7 +29244,7 @@ snapshots:
     dependencies:
       '@eslint-community/eslint-utils': 4.10.1(eslint@9.39.4(jiti@2.6.1))
       '@eslint-community/regexpp': 4.12.2
-      '@eslint/config-array': 0.21.2(supports-color@7.2.0)
+      '@eslint/config-array': 0.21.2
       '@eslint/config-helpers': 0.4.2
       '@eslint/core': 0.17.0
       '@eslint/eslintrc': 3.3.5
@@ -29949,59 +29281,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0):
-    dependencies:
-      '@eslint-community/eslint-utils': 4.10.1(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))
-      '@eslint-community/regexpp': 4.12.2
-      '@eslint/config-array': 0.21.2(supports-color@7.2.0)
-      '@eslint/config-helpers': 0.4.2
-      '@eslint/core': 0.17.0
-      '@eslint/eslintrc': 3.3.5
-      '@eslint/js': 9.39.4
-      '@eslint/plugin-kit': 0.4.1
-      '@humanfs/node': 0.16.8
-      '@humanwhocodes/module-importer': 1.0.1
-      '@humanwhocodes/retry': 0.4.3
-      '@types/estree': 1.0.9
-      ajv: 6.14.0
-      chalk: 4.1.2
-      cross-spawn: 7.0.6
-      debug: 4.4.3(supports-color@7.2.0)
-      escape-string-regexp: 4.0.0
-      eslint-scope: 8.4.0
-      eslint-visitor-keys: 4.2.1
-      espree: 10.4.0
-      esquery: 1.7.0
-      esutils: 2.0.3
-      fast-deep-equal: 3.1.3
-      file-entry-cache: 8.0.0
-      find-up: 5.0.0
-      glob-parent: 6.0.2
-      ignore: 5.3.2
-      imurmurhash: 0.1.4
-      is-glob: 4.0.3
-      json-stable-stringify-without-jsonify: 1.0.1
-      lodash.merge: 4.6.2
-      minimatch: 3.1.5
-      natural-compare: 1.4.0
-      optionator: 0.9.4
-    optionalDependencies:
-      jiti: 2.6.1
-    transitivePeerDependencies:
-      - supports-color
-
-  esniff@1.1.3:
-    dependencies:
-      d: 1.0.2
-      es5-ext: 0.10.64
-
-  esniff@2.0.1:
-    dependencies:
-      d: 1.0.2
-      es5-ext: 0.10.64
-      event-emitter: 0.3.5
-      type: 2.7.3
-
   esotope-hammerhead@0.6.9:
     dependencies:
       '@types/estree': 0.0.46
@@ -30040,11 +29319,6 @@ snapshots:
 
   etag@1.8.1: {}
 
-  event-emitter@0.3.5:
-    dependencies:
-      d: 1.0.2
-      es5-ext: 0.10.64
-
   event-target-shim@5.0.1: {}
 
   eventemitter3@4.0.7: {}
@@ -30158,7 +29432,7 @@ snapshots:
 
   express-rate-limit@8.3.2(express@5.2.1):
     dependencies:
-      express: 5.2.1(supports-color@7.2.0)
+      express: 5.2.1
       ip-address: 10.4.0
 
   express@4.22.1:
@@ -30197,10 +29471,10 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  express@5.2.1(supports-color@7.2.0):
+  express@5.2.1:
     dependencies:
       accepts: 2.0.0
-      body-parser: 2.3.0(supports-color@7.2.0)
+      body-parser: 2.3.0
       content-disposition: 1.1.0
       content-type: 1.0.5
       cookie: 0.7.2
@@ -30210,7 +29484,7 @@ snapshots:
       encodeurl: 2.0.0
       escape-html: 1.0.3
       etag: 1.8.1
-      finalhandler: 2.1.1(supports-color@7.2.0)
+      finalhandler: 2.1.1
       fresh: 2.0.0
       http-errors: 2.0.1
       merge-descriptors: 2.0.0
@@ -30221,8 +29495,8 @@ snapshots:
       proxy-addr: 2.0.7
       qs: 6.15.3
       range-parser: 1.3.0
-      router: 2.2.0(supports-color@7.2.0)
-      send: 1.2.1(supports-color@7.2.0)
+      router: 2.2.0
+      send: 1.2.1
       serve-static: 2.2.1
       statuses: 2.0.2
       type-is: 2.1.0
@@ -30230,10 +29504,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  ext@1.7.0:
-    dependencies:
-      type: 2.7.3
-
   extend-shallow@3.0.2:
     dependencies:
       assign-symbols: 1.0.0
@@ -30331,10 +29601,6 @@ snapshots:
     dependencies:
       flat-cache: 6.1.22
 
-  file-entry-cache@7.0.2:
-    dependencies:
-      flat-cache: 3.2.0
-
   file-entry-cache@8.0.0:
     dependencies:
       flat-cache: 4.0.1
@@ -30386,7 +29652,7 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  finalhandler@2.1.1(supports-color@7.2.0):
+  finalhandler@2.1.1:
     dependencies:
       debug: 4.4.3(supports-color@7.2.0)
       encodeurl: 2.0.0
@@ -30664,14 +29930,6 @@ snapshots:
       minipass: 7.1.3
       path-scurry: 2.0.2
 
-  glob@5.0.15:
-    dependencies:
-      inflight: 1.0.6
-      inherits: 2.0.4
-      minimatch: 3.1.5
-      once: 1.4.0
-      path-is-absolute: 1.0.1
-
   glob@7.2.3:
     dependencies:
       fs.realpath: 1.0.0
@@ -30762,8 +30020,6 @@ snapshots:
 
   graceful-fs@4.2.11: {}
 
-  graceful-readlink@1.0.1: {}
-
   graphemer@1.4.0: {}
 
   graphlib@2.1.8:
@@ -30775,14 +30031,8 @@ snapshots:
 
   handle-thing@2.0.1: {}
 
-  hard-rejection@2.1.0: {}
-
   harmony-reflect@1.6.2: {}
 
-  has-ansi@2.0.0:
-    dependencies:
-      ansi-regex: 2.1.1
-
   has-bigints@1.1.0: {}
 
   has-flag@3.0.0: {}
@@ -30965,11 +30215,6 @@ snapshots:
       minimalistic-assert: 1.0.1
       minimalistic-crypto-utils: 1.0.1
 
-  home-or-tmp@2.0.0:
-    dependencies:
-      os-homedir: 1.0.2
-      os-tmpdir: 1.0.2
-
   hono@4.13.0: {}
 
   hookified@1.15.1: {}
@@ -30982,10 +30227,6 @@ snapshots:
 
   hosted-git-info@2.8.9: {}
 
-  hosted-git-info@4.1.0:
-    dependencies:
-      lru-cache: 6.0.0
-
   hosted-git-info@9.0.2:
     dependencies:
       lru-cache: 11.3.5
@@ -31174,7 +30415,7 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  http-proxy-middleware@4.2.0:
+  http-proxy-middleware@4.2.0(supports-color@7.2.0):
     dependencies:
       debug: 4.4.3(supports-color@7.2.0)
       httpxy: 0.5.5
@@ -31229,7 +30470,7 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  https-proxy-agent@9.1.0:
+  https-proxy-agent@9.1.0(supports-color@7.2.0):
     dependencies:
       agent-base: 9.0.0
       debug: 4.4.3(supports-color@7.2.0)
@@ -31306,8 +30547,6 @@ snapshots:
 
   import-lazy@3.1.0: {}
 
-  import-lazy@4.0.0: {}
-
   import-local@3.2.0:
     dependencies:
       pkg-dir: 4.2.0
@@ -31565,8 +30804,6 @@ snapshots:
 
   is-path-inside@3.0.3: {}
 
-  is-plain-obj@1.1.0: {}
-
   is-plain-obj@4.1.0: {}
 
   is-plain-object@2.0.4:
@@ -31858,16 +31095,16 @@ snapshots:
       - supports-color
       - ts-node
 
-  jest-cli@29.7.0(@types/node@26.1.1)(babel-plugin-macros@3.1.0)(node-notifier@9.0.1)(ts-node@10.9.2(@swc/core@1.15.30(@swc/helpers@0.5.21))(@types/node@20.19.37)(typescript@6.0.3)):
+  jest-cli@29.7.0(@types/node@20.19.37)(babel-plugin-macros@3.1.0)(node-notifier@9.0.1)(ts-node@10.9.2(@swc/core@1.15.30(@swc/helpers@0.5.21))(@types/node@20.19.37)(typescript@6.0.3)):
     dependencies:
       '@jest/core': 29.7.0(babel-plugin-macros@3.1.0)(node-notifier@9.0.1)(ts-node@10.9.2(@swc/core@1.15.30(@swc/helpers@0.5.21))(@types/node@20.19.37)(typescript@6.0.3))
       '@jest/test-result': 29.7.0
       '@jest/types': 29.6.3
       chalk: 4.1.2
-      create-jest: 29.7.0(@types/node@26.1.1)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@swc/core@1.15.30(@swc/helpers@0.5.21))(@types/node@20.19.37)(typescript@6.0.3))
+      create-jest: 29.7.0(@types/node@20.19.37)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@swc/core@1.15.30(@swc/helpers@0.5.21))(@types/node@20.19.37)(typescript@6.0.3))
       exit: 0.1.2
       import-local: 3.2.0
-      jest-config: 29.7.0(@types/node@26.1.1)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@swc/core@1.15.30(@swc/helpers@0.5.21))(@types/node@20.19.37)(typescript@6.0.3))
+      jest-config: 29.7.0(@types/node@20.19.37)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@swc/core@1.15.30(@swc/helpers@0.5.21))(@types/node@20.19.37)(typescript@6.0.3))
       jest-util: 29.7.0
       jest-validate: 29.7.0
       yargs: 17.7.2
@@ -32028,15 +31265,15 @@ snapshots:
       - supports-color
       - ts-node
 
-  jest-cli@30.2.0(@types/node@26.1.1)(babel-plugin-macros@3.1.0)(node-notifier@9.0.1)(ts-node@10.9.2(@swc/core@1.15.30(@swc/helpers@0.5.21))(@types/node@26.1.1)(typescript@6.0.3)):
+  jest-cli@30.2.0(@types/node@26.1.1)(babel-plugin-macros@3.1.0)(node-notifier@9.0.1)(ts-node@10.9.2(@swc/core@1.15.30(@swc/helpers@0.5.21))(@types/node@26.1.1)(typescript@5.9.3)):
     dependencies:
-      '@jest/core': 30.2.0(babel-plugin-macros@3.1.0)(node-notifier@9.0.1)(ts-node@10.9.2(@swc/core@1.15.30(@swc/helpers@0.5.21))(@types/node@26.1.1)(typescript@6.0.3))
+      '@jest/core': 30.2.0(babel-plugin-macros@3.1.0)(node-notifier@9.0.1)(ts-node@10.9.2(@swc/core@1.15.30(@swc/helpers@0.5.21))(@types/node@26.1.1)(typescript@5.9.3))
       '@jest/test-result': 30.2.0
       '@jest/types': 30.2.0
       chalk: 4.1.2
       exit-x: 0.2.2
       import-local: 3.2.0
-      jest-config: 30.2.0(@types/node@26.1.1)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@swc/core@1.15.30(@swc/helpers@0.5.21))(@types/node@26.1.1)(typescript@6.0.3))
+      jest-config: 30.2.0(@types/node@26.1.1)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@swc/core@1.15.30(@swc/helpers@0.5.21))(@types/node@26.1.1)(typescript@5.9.3))
       jest-util: 30.2.0
       jest-validate: 30.2.0
       yargs: 17.7.2
@@ -32111,37 +31348,6 @@ snapshots:
       - babel-plugin-macros
       - supports-color
 
-  jest-config@29.7.0(@types/node@26.1.1)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@swc/core@1.15.30(@swc/helpers@0.5.21))(@types/node@20.19.37)(typescript@6.0.3)):
-    dependencies:
-      '@babel/core': 7.29.7
-      '@jest/test-sequencer': 29.7.0
-      '@jest/types': 29.6.3
-      babel-jest: 29.7.0(@babel/core@7.29.7)
-      chalk: 4.1.2
-      ci-info: 3.9.0
-      deepmerge: 4.3.1
-      glob: 7.2.3
-      graceful-fs: 4.2.11
-      jest-circus: 29.7.0(babel-plugin-macros@3.1.0)
-      jest-environment-node: 29.7.0
-      jest-get-type: 29.6.3
-      jest-regex-util: 29.6.3
-      jest-resolve: 29.7.0
-      jest-runner: 29.7.0
-      jest-util: 29.7.0
-      jest-validate: 29.7.0
-      micromatch: 4.0.8
-      parse-json: 5.2.0
-      pretty-format: 29.7.0
-      slash: 3.0.0
-      strip-json-comments: 3.1.1
-    optionalDependencies:
-      '@types/node': 26.1.1
-      ts-node: 10.9.2(@swc/core@1.15.30(@swc/helpers@0.5.21))(@types/node@20.19.37)(typescript@6.0.3)
-    transitivePeerDependencies:
-      - babel-plugin-macros
-      - supports-color
-
   jest-config@30.2.0(@types/node@18.19.130)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@swc/core@1.15.30(@swc/helpers@0.5.21))(@types/node@18.19.130)(typescript@4.9.5)):
     dependencies:
       '@babel/core': 7.29.7
@@ -32441,7 +31647,7 @@ snapshots:
       - babel-plugin-macros
       - supports-color
 
-  jest-config@30.2.0(@types/node@20.19.37)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@swc/core@1.15.30(@swc/helpers@0.5.21))(@types/node@26.1.1)(typescript@6.0.3)):
+  jest-config@30.2.0(@types/node@20.19.37)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@swc/core@1.15.30(@swc/helpers@0.5.21))(@types/node@26.1.1)(typescript@5.9.3)):
     dependencies:
       '@babel/core': 7.29.7
       '@jest/get-type': 30.1.0
@@ -32469,7 +31675,7 @@ snapshots:
       strip-json-comments: 3.1.1
     optionalDependencies:
       '@types/node': 20.19.37
-      ts-node: 10.9.2(@swc/core@1.15.30(@swc/helpers@0.5.21))(@types/node@26.1.1)(typescript@6.0.3)
+      ts-node: 10.9.2(@swc/core@1.15.30(@swc/helpers@0.5.21))(@types/node@26.1.1)(typescript@5.9.3)
     transitivePeerDependencies:
       - babel-plugin-macros
       - supports-color
@@ -32541,7 +31747,7 @@ snapshots:
       - babel-plugin-macros
       - supports-color
 
-  jest-config@30.2.0(@types/node@26.1.1)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@swc/core@1.15.30(@swc/helpers@0.5.21))(@types/node@26.1.1)(typescript@6.0.3)):
+  jest-config@30.2.0(@types/node@26.1.1)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@swc/core@1.15.30(@swc/helpers@0.5.21))(@types/node@26.1.1)(typescript@5.9.3)):
     dependencies:
       '@babel/core': 7.29.7
       '@jest/get-type': 30.1.0
@@ -32569,7 +31775,7 @@ snapshots:
       strip-json-comments: 3.1.1
     optionalDependencies:
       '@types/node': 26.1.1
-      ts-node: 10.9.2(@swc/core@1.15.30(@swc/helpers@0.5.21))(@types/node@26.1.1)(typescript@6.0.3)
+      ts-node: 10.9.2(@swc/core@1.15.30(@swc/helpers@0.5.21))(@types/node@26.1.1)(typescript@5.9.3)
     transitivePeerDependencies:
       - babel-plugin-macros
       - supports-color
@@ -33273,12 +32479,12 @@ snapshots:
       - supports-color
       - ts-node
 
-  jest@29.7.0(@types/node@26.1.1)(babel-plugin-macros@3.1.0)(node-notifier@9.0.1)(ts-node@10.9.2(@swc/core@1.15.30(@swc/helpers@0.5.21))(@types/node@20.19.37)(typescript@6.0.3)):
+  jest@29.7.0(@types/node@20.19.37)(babel-plugin-macros@3.1.0)(node-notifier@9.0.1)(ts-node@10.9.2(@swc/core@1.15.30(@swc/helpers@0.5.21))(@types/node@20.19.37)(typescript@6.0.3)):
     dependencies:
       '@jest/core': 29.7.0(babel-plugin-macros@3.1.0)(node-notifier@9.0.1)(ts-node@10.9.2(@swc/core@1.15.30(@swc/helpers@0.5.21))(@types/node@20.19.37)(typescript@6.0.3))
       '@jest/types': 29.6.3
       import-local: 3.2.0
-      jest-cli: 29.7.0(@types/node@26.1.1)(babel-plugin-macros@3.1.0)(node-notifier@9.0.1)(ts-node@10.9.2(@swc/core@1.15.30(@swc/helpers@0.5.21))(@types/node@20.19.37)(typescript@6.0.3))
+      jest-cli: 29.7.0(@types/node@20.19.37)(babel-plugin-macros@3.1.0)(node-notifier@9.0.1)(ts-node@10.9.2(@swc/core@1.15.30(@swc/helpers@0.5.21))(@types/node@20.19.37)(typescript@6.0.3))
     optionalDependencies:
       node-notifier: 9.0.1
     transitivePeerDependencies:
@@ -33394,12 +32600,12 @@ snapshots:
       - supports-color
       - ts-node
 
-  jest@30.2.0(@types/node@26.1.1)(babel-plugin-macros@3.1.0)(node-notifier@9.0.1)(ts-node@10.9.2(@swc/core@1.15.30(@swc/helpers@0.5.21))(@types/node@26.1.1)(typescript@6.0.3)):
+  jest@30.2.0(@types/node@26.1.1)(babel-plugin-macros@3.1.0)(node-notifier@9.0.1)(ts-node@10.9.2(@swc/core@1.15.30(@swc/helpers@0.5.21))(@types/node@26.1.1)(typescript@5.9.3)):
     dependencies:
-      '@jest/core': 30.2.0(babel-plugin-macros@3.1.0)(node-notifier@9.0.1)(ts-node@10.9.2(@swc/core@1.15.30(@swc/helpers@0.5.21))(@types/node@26.1.1)(typescript@6.0.3))
+      '@jest/core': 30.2.0(babel-plugin-macros@3.1.0)(node-notifier@9.0.1)(ts-node@10.9.2(@swc/core@1.15.30(@swc/helpers@0.5.21))(@types/node@26.1.1)(typescript@5.9.3))
       '@jest/types': 30.2.0
       import-local: 3.2.0
-      jest-cli: 30.2.0(@types/node@26.1.1)(babel-plugin-macros@3.1.0)(node-notifier@9.0.1)(ts-node@10.9.2(@swc/core@1.15.30(@swc/helpers@0.5.21))(@types/node@26.1.1)(typescript@6.0.3))
+      jest-cli: 30.2.0(@types/node@26.1.1)(babel-plugin-macros@3.1.0)(node-notifier@9.0.1)(ts-node@10.9.2(@swc/core@1.15.30(@swc/helpers@0.5.21))(@types/node@26.1.1)(typescript@5.9.3))
     optionalDependencies:
       node-notifier: 9.0.1
     transitivePeerDependencies:
@@ -33476,8 +32682,6 @@ snapshots:
       - supports-color
       - utf-8-validate
 
-  jsesc@1.3.0: {}
-
   jsesc@3.0.2: {}
 
   jsesc@3.1.0: {}
@@ -33642,8 +32846,6 @@ snapshots:
 
   knockout@3.5.3: {}
 
-  known-css-properties@0.29.0: {}
-
   known-css-properties@0.35.0: {}
 
   known-css-properties@0.37.0: {}
@@ -34142,10 +33344,6 @@ snapshots:
     dependencies:
       tmpl: 1.0.5
 
-  map-obj@1.0.1: {}
-
-  map-obj@4.3.0: {}
-
   match-url-wildcard@0.0.4:
     dependencies:
       escape-string-regexp: 1.0.5
@@ -34214,8 +33412,6 @@ snapshots:
     dependencies:
       '@types/mdast': 3.0.15
 
-  mdn-data@2.0.30: {}
-
   mdn-data@2.27.1: {}
 
   mdn-data@2.28.0: {}
@@ -34252,21 +33448,6 @@ snapshots:
 
   memorystream@0.3.1: {}
 
-  meow@10.1.5:
-    dependencies:
-      '@types/minimist': 1.2.5
-      camelcase-keys: 7.0.2
-      decamelize: 5.0.1
-      decamelize-keys: 1.1.1
-      hard-rejection: 2.1.0
-      minimist-options: 4.1.0
-      normalize-package-data: 3.0.3
-      read-pkg-up: 8.0.0
-      redent: 4.0.0
-      trim-newlines: 4.1.1
-      type-fest: 1.4.0
-      yargs-parser: 20.2.9
-
   meow@13.2.0: {}
 
   merge-descriptors@1.0.3: {}
@@ -34490,12 +33671,6 @@ snapshots:
     dependencies:
       brace-expansion: 2.1.4
 
-  minimist-options@4.1.0:
-    dependencies:
-      arrify: 1.0.1
-      is-plain-obj: 1.1.0
-      kind-of: 6.0.3
-
   minimist@1.2.8: {}
 
   minimizer-webpack-plugin@5.6.1(@swc/core@1.15.30(@swc/helpers@0.5.21))(esbuild@0.28.1)(lightningcss@1.32.0)(postcss@8.5.23)(webpack@5.109.2(@swc/core@1.15.30(@swc/helpers@0.5.21))(esbuild@0.28.1)(lightningcss@1.32.0)(postcss@8.5.23)):
@@ -34706,8 +33881,6 @@ snapshots:
 
   nested-error-stacks@2.1.1: {}
 
-  next-tick@1.1.0: {}
-
   ng-packagr@20.3.2(@angular/compiler-cli@20.3.27(@angular/compiler@20.3.27)(typescript@5.8.3))(tslib@2.8.1)(typescript@5.8.3):
     dependencies:
       '@ampproject/remapping': 2.3.0
@@ -34730,7 +33903,7 @@ snapshots:
       postcss: 8.5.23
       rollup-plugin-dts: 6.4.1(rollup@4.59.0)(typescript@5.8.3)
       rxjs: 7.8.2
-      sass: 1.99.0
+      sass: 1.101.0
       tinyglobby: 0.2.17
       tslib: 2.8.1
       typescript: 5.8.3
@@ -34862,13 +34035,6 @@ snapshots:
       semver: 5.7.2
       validate-npm-package-license: 3.0.4
 
-  normalize-package-data@3.0.3:
-    dependencies:
-      hosted-git-info: 4.1.0
-      is-core-module: 2.16.2
-      semver: 7.8.5
-      validate-npm-package-license: 3.0.4
-
   normalize-path@3.0.0: {}
 
   normalize-range@0.1.2: {}
@@ -35276,10 +34442,6 @@ snapshots:
 
   os-family@1.1.0: {}
 
-  os-homedir@1.0.2: {}
-
-  os-tmpdir@1.0.2: {}
-
   own-keys@1.0.1:
     dependencies:
       get-intrinsic: 1.3.0
@@ -35351,7 +34513,7 @@ snapshots:
 
   package-json-from-dist@1.0.1: {}
 
-  pacote@21.0.4(supports-color@7.2.0):
+  pacote@21.0.4:
     dependencies:
       '@npmcli/git': 7.0.2
       '@npmcli/installed-package-contents': 4.0.0
@@ -35367,7 +34529,7 @@ snapshots:
       npm-registry-fetch: 19.1.1
       proc-log: 6.1.0
       promise-retry: 2.0.1
-      sigstore: 4.1.1(supports-color@7.2.0)
+      sigstore: 4.1.1
       ssri: 13.0.1
       tar: 7.5.21
     transitivePeerDependencies:
@@ -35774,8 +34936,6 @@ snapshots:
 
   pretty-hrtime@1.0.3: {}
 
-  private@0.1.8: {}
-
   probe-image-size@7.3.0:
     dependencies:
       lodash.merge: 4.6.2
@@ -35915,8 +35075,6 @@ snapshots:
 
   queue-microtask@1.2.3: {}
 
-  quick-lru@5.1.1: {}
-
   quill-delta@5.1.0:
     dependencies:
       fast-diff: 1.3.0
@@ -36054,12 +35212,6 @@ snapshots:
     dependencies:
       readable-stream: 2.3.8
 
-  read-pkg-up@8.0.0:
-    dependencies:
-      find-up: 5.0.0
-      read-pkg: 6.0.0
-      type-fest: 1.4.0
-
   read-pkg@5.2.0:
     dependencies:
       '@types/normalize-package-data': 2.4.4
@@ -36067,13 +35219,6 @@ snapshots:
       parse-json: 5.2.0
       type-fest: 0.6.0
 
-  read-pkg@6.0.0:
-    dependencies:
-      '@types/normalize-package-data': 2.4.4
-      normalize-package-data: 3.0.3
-      parse-json: 5.2.0
-      type-fest: 1.4.0
-
   readable-stream@2.3.8:
     dependencies:
       core-util-is: 1.0.3
@@ -36135,11 +35280,6 @@ snapshots:
       indent-string: 4.0.0
       strip-indent: 3.0.0
 
-  redent@4.0.0:
-    dependencies:
-      indent-string: 5.0.0
-      strip-indent: 4.1.1
-
   reflect-metadata@0.1.13: {}
 
   reflect-metadata@0.2.2: {}
@@ -36161,8 +35301,6 @@ snapshots:
 
   regenerate@1.4.2: {}
 
-  regenerator-runtime@0.11.1: {}
-
   regenerator-runtime@0.13.11:
     optional: true
 
@@ -36266,10 +35404,6 @@ snapshots:
     dependencies:
       is-finite: 1.1.0
 
-  repeating@2.0.1:
-    dependencies:
-      is-finite: 1.1.0
-
   replace-ext@1.0.1: {}
 
   require-directory@2.1.1: {}
@@ -36493,7 +35627,7 @@ snapshots:
       '@rollup/rollup-win32-x64-msvc': 4.59.0
       fsevents: 2.3.3
 
-  router@2.2.0(supports-color@7.2.0):
+  router@2.2.0:
     dependencies:
       debug: 4.4.3(supports-color@7.2.0)
       depd: 2.0.0
@@ -36513,8 +35647,6 @@ snapshots:
     dependencies:
       tslib: 2.8.1
 
-  rsvp@3.6.2: {}
-
   run-applescript@7.1.0: {}
 
   run-parallel@1.2.0:
@@ -36789,7 +35921,7 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  send@1.2.1(supports-color@7.2.0):
+  send@1.2.1:
     dependencies:
       debug: 4.4.3(supports-color@7.2.0)
       encodeurl: 2.0.0
@@ -36833,7 +35965,7 @@ snapshots:
       encodeurl: 2.0.0
       escape-html: 1.0.3
       parseurl: 1.3.3
-      send: 1.2.1(supports-color@7.2.0)
+      send: 1.2.1
     transitivePeerDependencies:
       - supports-color
 
@@ -36945,13 +36077,13 @@ snapshots:
     dependencies:
       jquery: 4.0.0
 
-  sigstore@4.1.1(supports-color@7.2.0):
+  sigstore@4.1.1:
     dependencies:
       '@sigstore/bundle': 4.0.0
       '@sigstore/core': 3.2.1
       '@sigstore/protobuf-specs': 0.5.1
       '@sigstore/sign': 4.1.1
-      '@sigstore/tuf': 4.0.2(supports-color@7.2.0)
+      '@sigstore/tuf': 4.0.2
       '@sigstore/verify': 3.1.1
     transitivePeerDependencies:
       - supports-color
@@ -36969,8 +36101,6 @@ snapshots:
 
   sisteransi@1.0.5: {}
 
-  slash@1.0.0: {}
-
   slash@3.0.0: {}
 
   slice-ansi@4.0.0:
@@ -37067,14 +36197,6 @@ snapshots:
       source-map-js: 1.2.1
       webpack: 5.109.2(@swc/core@1.15.30(@swc/helpers@0.5.21))(esbuild@0.28.1)(postcss@8.5.23)
 
-  source-map-support@0.2.10:
-    dependencies:
-      source-map: 0.1.32
-
-  source-map-support@0.4.18:
-    dependencies:
-      source-map: 0.5.7
-
   source-map-support@0.5.13:
     dependencies:
       buffer-from: 1.1.2
@@ -37090,10 +36212,6 @@ snapshots:
       buffer-from: 1.1.2
       source-map: 0.6.1
 
-  source-map@0.1.32:
-    dependencies:
-      amdefine: 1.0.1
-
   source-map@0.5.7: {}
 
   source-map@0.6.1: {}
@@ -37343,10 +36461,6 @@ snapshots:
       is-obj: 1.0.1
       is-regexp: 1.0.0
 
-  strip-ansi@3.0.1:
-    dependencies:
-      ansi-regex: 2.1.1
-
   strip-ansi@6.0.1:
     dependencies:
       ansi-regex: 5.0.1
@@ -37410,12 +36524,12 @@ snapshots:
       postcss-html: 1.8.1
       stylelint: 16.22.0(typescript@6.0.3)
 
-  stylelint-config-recommended-scss@14.1.0(postcss@8.5.23)(stylelint@16.22.0(typescript@6.0.3)):
+  stylelint-config-recommended-scss@14.1.0(postcss@8.5.23)(stylelint@16.22.0(typescript@5.9.3)):
     dependencies:
       postcss-scss: 4.0.9(postcss@8.5.23)
-      stylelint: 16.22.0(typescript@6.0.3)
-      stylelint-config-recommended: 14.0.1(stylelint@16.22.0(typescript@6.0.3))
-      stylelint-scss: 6.10.0(stylelint@16.22.0(typescript@6.0.3))
+      stylelint: 16.22.0(typescript@5.9.3)
+      stylelint-config-recommended: 14.0.1(stylelint@16.22.0(typescript@5.9.3))
+      stylelint-scss: 6.10.0(stylelint@16.22.0(typescript@5.9.3))
     optionalDependencies:
       postcss: 8.5.23
 
@@ -37427,60 +36541,60 @@ snapshots:
       stylelint-config-html: 1.1.0(postcss-html@1.8.1)(stylelint@16.22.0(typescript@6.0.3))
       stylelint-config-recommended: 16.0.0(stylelint@16.22.0(typescript@6.0.3))
 
-  stylelint-config-recommended@14.0.1(stylelint@16.22.0(typescript@6.0.3)):
+  stylelint-config-recommended@14.0.1(stylelint@16.22.0(typescript@5.9.3)):
     dependencies:
-      stylelint: 16.22.0(typescript@6.0.3)
+      stylelint: 16.22.0(typescript@5.9.3)
 
-  stylelint-config-recommended@16.0.0(stylelint@15.11.0(typescript@4.9.5)):
+  stylelint-config-recommended@16.0.0(stylelint@16.22.0(typescript@4.9.5)):
     dependencies:
-      stylelint: 15.11.0(typescript@4.9.5)
+      stylelint: 16.22.0(typescript@4.9.5)
 
-  stylelint-config-recommended@16.0.0(stylelint@15.11.0(typescript@5.8.3)):
+  stylelint-config-recommended@16.0.0(stylelint@16.22.0(typescript@5.8.3)):
     dependencies:
-      stylelint: 15.11.0(typescript@5.8.3)
+      stylelint: 16.22.0(typescript@5.8.3)
 
-  stylelint-config-recommended@16.0.0(stylelint@15.11.0(typescript@6.0.3)):
+  stylelint-config-recommended@16.0.0(stylelint@16.22.0(typescript@5.9.3)):
     dependencies:
-      stylelint: 15.11.0(typescript@6.0.3)
+      stylelint: 16.22.0(typescript@5.9.3)
 
   stylelint-config-recommended@16.0.0(stylelint@16.22.0(typescript@6.0.3)):
     dependencies:
       stylelint: 16.22.0(typescript@6.0.3)
 
-  stylelint-config-standard-scss@14.0.0(postcss@8.5.23)(stylelint@16.22.0(typescript@6.0.3)):
+  stylelint-config-standard-scss@14.0.0(postcss@8.5.23)(stylelint@16.22.0(typescript@5.9.3)):
     dependencies:
-      stylelint: 16.22.0(typescript@6.0.3)
-      stylelint-config-recommended-scss: 14.1.0(postcss@8.5.23)(stylelint@16.22.0(typescript@6.0.3))
-      stylelint-config-standard: 36.0.1(stylelint@16.22.0(typescript@6.0.3))
+      stylelint: 16.22.0(typescript@5.9.3)
+      stylelint-config-recommended-scss: 14.1.0(postcss@8.5.23)(stylelint@16.22.0(typescript@5.9.3))
+      stylelint-config-standard: 36.0.1(stylelint@16.22.0(typescript@5.9.3))
     optionalDependencies:
       postcss: 8.5.23
 
-  stylelint-config-standard@36.0.1(stylelint@16.22.0(typescript@6.0.3)):
+  stylelint-config-standard@36.0.1(stylelint@16.22.0(typescript@5.9.3)):
     dependencies:
-      stylelint: 16.22.0(typescript@6.0.3)
-      stylelint-config-recommended: 14.0.1(stylelint@16.22.0(typescript@6.0.3))
+      stylelint: 16.22.0(typescript@5.9.3)
+      stylelint-config-recommended: 14.0.1(stylelint@16.22.0(typescript@5.9.3))
 
-  stylelint-config-standard@38.0.0(stylelint@15.11.0(typescript@4.9.5)):
+  stylelint-config-standard@38.0.0(stylelint@16.22.0(typescript@4.9.5)):
     dependencies:
-      stylelint: 15.11.0(typescript@4.9.5)
-      stylelint-config-recommended: 16.0.0(stylelint@15.11.0(typescript@4.9.5))
+      stylelint: 16.22.0(typescript@4.9.5)
+      stylelint-config-recommended: 16.0.0(stylelint@16.22.0(typescript@4.9.5))
 
-  stylelint-config-standard@38.0.0(stylelint@15.11.0(typescript@5.8.3)):
+  stylelint-config-standard@38.0.0(stylelint@16.22.0(typescript@5.8.3)):
     dependencies:
-      stylelint: 15.11.0(typescript@5.8.3)
-      stylelint-config-recommended: 16.0.0(stylelint@15.11.0(typescript@5.8.3))
+      stylelint: 16.22.0(typescript@5.8.3)
+      stylelint-config-recommended: 16.0.0(stylelint@16.22.0(typescript@5.8.3))
 
-  stylelint-config-standard@38.0.0(stylelint@15.11.0(typescript@6.0.3)):
+  stylelint-config-standard@38.0.0(stylelint@16.22.0(typescript@5.9.3)):
     dependencies:
-      stylelint: 15.11.0(typescript@6.0.3)
-      stylelint-config-recommended: 16.0.0(stylelint@15.11.0(typescript@6.0.3))
+      stylelint: 16.22.0(typescript@5.9.3)
+      stylelint-config-recommended: 16.0.0(stylelint@16.22.0(typescript@5.9.3))
 
   stylelint-config-standard@38.0.0(stylelint@16.22.0(typescript@6.0.3)):
     dependencies:
       stylelint: 16.22.0(typescript@6.0.3)
       stylelint-config-recommended: 16.0.0(stylelint@16.22.0(typescript@6.0.3))
 
-  stylelint-scss@6.10.0(stylelint@16.22.0(typescript@6.0.3)):
+  stylelint-scss@6.10.0(stylelint@16.22.0(typescript@5.9.3)):
     dependencies:
       css-tree: 3.2.1
       is-plain-object: 5.0.0
@@ -37490,92 +36604,44 @@ snapshots:
       postcss-resolve-nested-selector: 0.1.6
       postcss-selector-parser: 7.1.1
       postcss-value-parser: 4.2.0
-      stylelint: 16.22.0(typescript@6.0.3)
-
-  stylelint@15.11.0(typescript@4.9.5):
-    dependencies:
-      '@csstools/css-parser-algorithms': 2.7.1(@csstools/css-tokenizer@2.4.1)
-      '@csstools/css-tokenizer': 2.4.1
-      '@csstools/media-query-list-parser': 2.1.13(@csstools/css-parser-algorithms@2.7.1(@csstools/css-tokenizer@2.4.1))(@csstools/css-tokenizer@2.4.1)
-      '@csstools/selector-specificity': 3.1.1(postcss-selector-parser@6.1.2)
-      balanced-match: 2.0.0
-      colord: 2.9.3
-      cosmiconfig: 8.3.6(typescript@4.9.5)
-      css-functions-list: 3.3.3
-      css-tree: 2.3.1
-      debug: 4.4.3(supports-color@7.2.0)
-      fast-glob: 3.3.3
-      fastest-levenshtein: 1.0.16
-      file-entry-cache: 7.0.2
-      global-modules: 2.0.0
-      globby: 11.1.0
-      globjoin: 0.1.4
-      html-tags: 3.3.1
-      ignore: 5.3.2
-      import-lazy: 4.0.0
-      imurmurhash: 0.1.4
-      is-plain-object: 5.0.0
-      known-css-properties: 0.29.0
-      mathml-tag-names: 2.1.3
-      meow: 10.1.5
-      micromatch: 4.0.8
-      normalize-path: 3.0.0
-      picocolors: 1.1.1
-      postcss: 8.5.23
-      postcss-resolve-nested-selector: 0.1.6
-      postcss-safe-parser: 6.0.0(postcss@8.5.23)
-      postcss-selector-parser: 6.1.2
-      postcss-value-parser: 4.2.0
-      resolve-from: 5.0.0
-      string-width: 4.2.3
-      strip-ansi: 6.0.1
-      style-search: 0.1.0
-      supports-hyperlinks: 3.2.0
-      svg-tags: 1.0.0
-      table: 6.9.0
-      write-file-atomic: 5.0.1
-    transitivePeerDependencies:
-      - supports-color
-      - typescript
+      stylelint: 16.22.0(typescript@5.9.3)
 
-  stylelint@15.11.0(typescript@5.8.3):
+  stylelint@16.22.0(typescript@4.9.5):
     dependencies:
-      '@csstools/css-parser-algorithms': 2.7.1(@csstools/css-tokenizer@2.4.1)
-      '@csstools/css-tokenizer': 2.4.1
-      '@csstools/media-query-list-parser': 2.1.13(@csstools/css-parser-algorithms@2.7.1(@csstools/css-tokenizer@2.4.1))(@csstools/css-tokenizer@2.4.1)
-      '@csstools/selector-specificity': 3.1.1(postcss-selector-parser@6.1.2)
+      '@csstools/css-parser-algorithms': 3.0.5(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-tokenizer': 3.0.4
+      '@csstools/media-query-list-parser': 4.0.3(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)
+      '@csstools/selector-specificity': 5.0.0(postcss-selector-parser@7.1.1)
+      '@dual-bundle/import-meta-resolve': 4.2.1
       balanced-match: 2.0.0
       colord: 2.9.3
-      cosmiconfig: 8.3.6(typescript@5.8.3)
+      cosmiconfig: 9.0.1(typescript@4.9.5)
       css-functions-list: 3.3.3
-      css-tree: 2.3.1
+      css-tree: 3.2.1
       debug: 4.4.3(supports-color@7.2.0)
       fast-glob: 3.3.3
       fastest-levenshtein: 1.0.16
-      file-entry-cache: 7.0.2
+      file-entry-cache: 10.1.4
       global-modules: 2.0.0
       globby: 11.1.0
       globjoin: 0.1.4
       html-tags: 3.3.1
-      ignore: 5.3.2
-      import-lazy: 4.0.0
+      ignore: 7.0.5
       imurmurhash: 0.1.4
       is-plain-object: 5.0.0
-      known-css-properties: 0.29.0
+      known-css-properties: 0.37.0
       mathml-tag-names: 2.1.3
-      meow: 10.1.5
+      meow: 13.2.0
       micromatch: 4.0.8
       normalize-path: 3.0.0
       picocolors: 1.1.1
       postcss: 8.5.23
       postcss-resolve-nested-selector: 0.1.6
-      postcss-safe-parser: 6.0.0(postcss@8.5.23)
-      postcss-selector-parser: 6.1.2
+      postcss-safe-parser: 7.0.1(postcss@8.5.23)
+      postcss-selector-parser: 7.1.1
       postcss-value-parser: 4.2.0
       resolve-from: 5.0.0
       string-width: 4.2.3
-      strip-ansi: 6.0.1
-      style-search: 0.1.0
       supports-hyperlinks: 3.2.0
       svg-tags: 1.0.0
       table: 6.9.0
@@ -37584,44 +36650,42 @@ snapshots:
       - supports-color
       - typescript
 
-  stylelint@15.11.0(typescript@6.0.3):
+  stylelint@16.22.0(typescript@5.8.3):
     dependencies:
-      '@csstools/css-parser-algorithms': 2.7.1(@csstools/css-tokenizer@2.4.1)
-      '@csstools/css-tokenizer': 2.4.1
-      '@csstools/media-query-list-parser': 2.1.13(@csstools/css-parser-algorithms@2.7.1(@csstools/css-tokenizer@2.4.1))(@csstools/css-tokenizer@2.4.1)
-      '@csstools/selector-specificity': 3.1.1(postcss-selector-parser@6.1.2)
+      '@csstools/css-parser-algorithms': 3.0.5(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-tokenizer': 3.0.4
+      '@csstools/media-query-list-parser': 4.0.3(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)
+      '@csstools/selector-specificity': 5.0.0(postcss-selector-parser@7.1.1)
+      '@dual-bundle/import-meta-resolve': 4.2.1
       balanced-match: 2.0.0
       colord: 2.9.3
-      cosmiconfig: 8.3.6(typescript@6.0.3)
+      cosmiconfig: 9.0.1(typescript@5.8.3)
       css-functions-list: 3.3.3
-      css-tree: 2.3.1
+      css-tree: 3.2.1
       debug: 4.4.3(supports-color@7.2.0)
       fast-glob: 3.3.3
       fastest-levenshtein: 1.0.16
-      file-entry-cache: 7.0.2
+      file-entry-cache: 10.1.4
       global-modules: 2.0.0
       globby: 11.1.0
       globjoin: 0.1.4
       html-tags: 3.3.1
-      ignore: 5.3.2
-      import-lazy: 4.0.0
+      ignore: 7.0.5
       imurmurhash: 0.1.4
       is-plain-object: 5.0.0
-      known-css-properties: 0.29.0
+      known-css-properties: 0.37.0
       mathml-tag-names: 2.1.3
-      meow: 10.1.5
+      meow: 13.2.0
       micromatch: 4.0.8
       normalize-path: 3.0.0
       picocolors: 1.1.1
       postcss: 8.5.23
       postcss-resolve-nested-selector: 0.1.6
-      postcss-safe-parser: 6.0.0(postcss@8.5.23)
-      postcss-selector-parser: 6.1.2
+      postcss-safe-parser: 7.0.1(postcss@8.5.23)
+      postcss-selector-parser: 7.1.1
       postcss-value-parser: 4.2.0
       resolve-from: 5.0.0
       string-width: 4.2.3
-      strip-ansi: 6.0.1
-      style-search: 0.1.0
       supports-hyperlinks: 3.2.0
       svg-tags: 1.0.0
       table: 6.9.0
@@ -37630,7 +36694,7 @@ snapshots:
       - supports-color
       - typescript
 
-  stylelint@16.22.0(supports-color@7.2.0)(typescript@5.9.3):
+  stylelint@16.22.0(typescript@5.9.3):
     dependencies:
       '@csstools/css-parser-algorithms': 3.0.5(@csstools/css-tokenizer@3.0.4)
       '@csstools/css-tokenizer': 3.0.4
@@ -37726,8 +36790,6 @@ snapshots:
     dependencies:
       minimist: 1.2.8
 
-  supports-color@2.0.0: {}
-
   supports-color@5.5.0:
     dependencies:
       has-flag: 3.0.0
@@ -37773,28 +36835,6 @@ snapshots:
     dependencies:
       acorn-node: 1.8.2
 
-  systemjs-builder@0.16.15(patch_hash=c78b3d7eb812436aa2d80299b3d3f2738f0366b53f710a25956a3762edf73014):
-    dependencies:
-      babel-core: 6.26.3(patch_hash=c0f53059bb7026b811209ee3af7fd4c700c900c615d0a0b14981ce911fcf3392)
-      babel-plugin-syntax-dynamic-import: 6.18.0
-      babel-plugin-transform-amd-system-wrapper: 0.3.7
-      babel-plugin-transform-cjs-system-wrapper: 0.6.2
-      babel-plugin-transform-es2015-modules-systemjs: 6.24.1
-      babel-plugin-transform-global-system-wrapper: 0.3.4
-      babel-plugin-transform-system-register: 0.0.1
-      bluebird: 3.7.2
-      data-uri-to-buffer: 0.0.4
-      es6-template-strings: 2.0.1
-      glob: 7.2.3
-      mkdirp: 0.5.6
-      rollup: 4.59.0
-      source-map: 0.5.7
-      systemjs: 0.19.47
-      terser: 5.46.2
-      traceur: 0.0.105
-    transitivePeerDependencies:
-      - supports-color
-
   systemjs-plugin-babel@0.0.25: {}
 
   systemjs-plugin-css@0.1.37: {}
@@ -37807,10 +36847,6 @@ snapshots:
     dependencies:
       when: 3.7.8
 
-  systemjs@0.19.47:
-    dependencies:
-      when: 3.7.8
-
   table@6.9.0:
     dependencies:
       ajv: 8.20.0
@@ -37958,7 +36994,7 @@ snapshots:
       glob: 7.2.3
       minimatch: 3.1.5
 
-  testcafe-browser-tools@2.0.26(supports-color@7.2.0):
+  testcafe-browser-tools@2.0.26:
     dependencies:
       array-find: 1.0.0
       debug: 4.4.3(supports-color@7.2.0)
@@ -38046,7 +37082,7 @@ snapshots:
 
   testcafe-selector-generator@0.1.0: {}
 
-  testcafe@3.7.5(supports-color@7.2.0):
+  testcafe@3.7.5:
     dependencies:
       '@babel/core': 7.29.7
       '@babel/plugin-proposal-decorators': 7.29.7(@babel/core@7.29.7)
@@ -38060,7 +37096,7 @@ snapshots:
       '@babel/plugin-transform-for-of': 7.29.7(@babel/core@7.29.7)
       '@babel/plugin-transform-object-rest-spread': 7.29.7(@babel/core@7.29.7)
       '@babel/plugin-transform-private-methods': 7.29.7(@babel/core@7.29.7)
-      '@babel/plugin-transform-runtime': 7.23.3(@babel/core@7.29.7)(supports-color@7.2.0)
+      '@babel/plugin-transform-runtime': 7.23.3(@babel/core@7.29.7)
       '@babel/preset-env': 7.29.7(@babel/core@7.29.7)
       '@babel/preset-flow': 7.27.1(@babel/core@7.29.7)
       '@babel/preset-react': 7.29.7(@babel/core@7.29.7)
@@ -38129,7 +37165,7 @@ snapshots:
       set-cookie-parser: 2.7.2
       source-map-support: 0.5.21
       strip-bom: 2.0.0
-      testcafe-browser-tools: 2.0.26(supports-color@7.2.0)
+      testcafe-browser-tools: 2.0.26
       testcafe-hammerhead: 31.7.8(patch_hash=8655c07786177d3b611a05abf6b0ea87d32796eb2601f92a800ef041095f264c)
       testcafe-legacy-api: 5.1.8
       testcafe-reporter-json: 2.2.0
@@ -38216,8 +37252,6 @@ snapshots:
       safe-buffer: 5.2.1
       typed-array-buffer: 1.0.3
 
-  to-fast-properties@1.0.3: {}
-
   to-regex-range@5.0.1:
     dependencies:
       is-number: 7.0.0
@@ -38244,14 +37278,6 @@ snapshots:
     dependencies:
       punycode: 2.3.1
 
-  traceur@0.0.105:
-    dependencies:
-      commander: 2.9.0
-      glob: 5.0.15
-      rsvp: 3.6.2
-      semver: 5.7.2
-      source-map-support: 0.2.10
-
   tree-dump@1.1.0(tslib@2.8.1):
     dependencies:
       tslib: 2.8.1
@@ -38260,10 +37286,6 @@ snapshots:
 
   trim-lines@3.0.1: {}
 
-  trim-newlines@4.1.1: {}
-
-  trim-right@1.0.1: {}
-
   trim-trailing-lines@2.1.0: {}
 
   triple-beam@1.4.1: {}
@@ -38336,11 +37358,11 @@ snapshots:
       '@jest/types': 29.6.3
       babel-jest: 29.7.0(@babel/core@7.29.7)
 
-  ts-jest@29.1.2(@babel/core@7.29.7)(@jest/types@29.6.3)(babel-jest@29.7.0(@babel/core@7.29.7))(jest@30.2.0(@types/node@26.1.1)(babel-plugin-macros@3.1.0)(node-notifier@9.0.1)(ts-node@10.9.2(@swc/core@1.15.30(@swc/helpers@0.5.21))(@types/node@26.1.1)(typescript@6.0.3)))(typescript@5.9.3):
+  ts-jest@29.1.2(@babel/core@7.29.7)(@jest/types@29.6.3)(babel-jest@29.7.0(@babel/core@7.29.7))(jest@30.2.0(@types/node@26.1.1)(babel-plugin-macros@3.1.0)(node-notifier@9.0.1)(ts-node@10.9.2(@swc/core@1.15.30(@swc/helpers@0.5.21))(@types/node@26.1.1)(typescript@5.9.3)))(typescript@5.9.3):
     dependencies:
       bs-logger: 0.2.6
       fast-json-stable-stringify: 2.1.0
-      jest: 30.2.0(@types/node@26.1.1)(babel-plugin-macros@3.1.0)(node-notifier@9.0.1)(ts-node@10.9.2(@swc/core@1.15.30(@swc/helpers@0.5.21))(@types/node@26.1.1)(typescript@6.0.3))
+      jest: 30.2.0(@types/node@26.1.1)(babel-plugin-macros@3.1.0)(node-notifier@9.0.1)(ts-node@10.9.2(@swc/core@1.15.30(@swc/helpers@0.5.21))(@types/node@26.1.1)(typescript@5.9.3))
       jest-util: 29.7.0
       json5: 2.2.3
       lodash.memoize: 4.1.2
@@ -38593,7 +37615,7 @@ snapshots:
       '@swc/core': 1.15.30(@swc/helpers@0.5.21)
     optional: true
 
-  ts-node@10.9.2(@swc/core@1.15.30(@swc/helpers@0.5.21))(@types/node@26.1.1)(typescript@6.0.3):
+  ts-node@10.9.2(@swc/core@1.15.30(@swc/helpers@0.5.21))(@types/node@26.1.1)(typescript@5.9.3):
     dependencies:
       '@cspotcode/source-map-support': 0.8.1
       '@tsconfig/node10': 1.0.12
@@ -38607,7 +37629,7 @@ snapshots:
       create-require: 1.1.1
       diff: 4.0.4
       make-error: 1.3.6
-      typescript: 6.0.3
+      typescript: 5.9.3
       v8-compile-cache-lib: 3.0.1
       yn: 3.1.1
     optionalDependencies:
@@ -38665,7 +37687,7 @@ snapshots:
 
   tty-browserify@0.0.1: {}
 
-  tuf-js@4.1.0(supports-color@7.2.0):
+  tuf-js@4.1.0:
     dependencies:
       '@tufjs/models': 4.1.0
       debug: 4.4.3(supports-color@7.2.0)
@@ -38704,8 +37726,6 @@ snapshots:
       media-typer: 1.1.0
       mime-types: 3.0.2
 
-  type@2.7.3: {}
-
   typed-array-buffer@1.0.3:
     dependencies:
       call-bound: 1.0.4
@@ -39143,7 +38163,7 @@ snapshots:
       terser: 5.49.0
       yaml: 2.8.3
 
-  vite@8.1.5(@types/node@26.1.1)(esbuild@0.28.1)(jiti@2.6.1)(less@4.6.7)(sass-embedded@1.93.3)(sass@1.101.0)(terser@5.49.0)(yaml@2.9.0):
+  vite@8.1.5(@types/node@20.19.37)(esbuild@0.28.1)(jiti@2.6.1)(less@4.6.7)(sass-embedded@1.93.3)(sass@1.101.0)(terser@5.49.0)(yaml@2.9.0):
     dependencies:
       lightningcss: 1.32.0
       picomatch: 4.0.5
@@ -39151,7 +38171,7 @@ snapshots:
       rolldown: 1.1.5
       tinyglobby: 0.2.17
     optionalDependencies:
-      '@types/node': 26.1.1
+      '@types/node': 20.19.37
       esbuild: 0.28.1
       fsevents: 2.3.3
       jiti: 2.6.1
@@ -39167,19 +38187,6 @@ snapshots:
 
   vscode-uri@3.1.0: {}
 
-  vue-eslint-parser@10.0.0(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(supports-color@7.2.0):
-    dependencies:
-      debug: 4.4.3(supports-color@7.2.0)
-      eslint: 9.39.4(jiti@2.6.1)(supports-color@7.2.0)
-      eslint-scope: 8.4.0
-      eslint-visitor-keys: 4.2.1
-      espree: 10.4.0
-      esquery: 1.7.0
-      lodash: 4.18.1
-      semver: 7.8.5
-    transitivePeerDependencies:
-      - supports-color
-
   vue-eslint-parser@10.0.0(eslint@9.39.4(jiti@2.6.1)):
     dependencies:
       debug: 4.4.3(supports-color@7.2.0)
@@ -39193,10 +38200,10 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  vue-eslint-parser@9.4.3(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(supports-color@7.2.0):
+  vue-eslint-parser@9.4.3(eslint@9.39.4(jiti@2.6.1))(supports-color@7.2.0):
     dependencies:
       debug: 4.4.3(supports-color@7.2.0)
-      eslint: 9.39.4(jiti@2.6.1)(supports-color@7.2.0)
+      eslint: 9.39.4(jiti@2.6.1)
       eslint-scope: 7.2.2
       eslint-visitor-keys: 3.4.3
       espree: 9.6.1
@@ -39603,7 +38610,7 @@ snapshots:
       acorn-import-phases: 1.0.4(acorn@8.17.0)
       browserslist: 4.28.7
       chrome-trace-event: 1.0.4
-      enhanced-resolve: 5.24.3
+      enhanced-resolve: 5.24.5
       es-module-lexer: 2.3.1
       eslint-scope: 5.1.1
       events: 3.3.0
@@ -40111,16 +39118,14 @@ snapshots:
     dependencies:
       zod: 4.4.3
 
-  zod-validation-error@4.0.2(zod@4.4.2):
+  zod-validation-error@4.0.2(zod@4.4.3):
     dependencies:
-      zod: 4.4.2
+      zod: 4.4.3
 
   zod@3.24.4: {}
 
   zod@4.1.13: {}
 
-  zod@4.4.2: {}
-
   zod@4.4.3: {}
 
   zone.js@0.15.1: {}
diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml
index e571a8fff419..5f017df7a1ad 100644
--- a/pnpm-workspace.yaml
+++ b/pnpm-workspace.yaml
@@ -138,5 +138,3 @@ allowBuilds:
 
 patchedDependencies:
   testcafe-hammerhead@31.7.8: patches/testcafe-hammerhead@31.7.8.patch
-  systemjs-builder@0.16.15: patches/systemjs-builder@0.16.15.patch
-  babel-core@6.26.3: patches/babel-core@6.26.3.patch

From 564ba4273f0af394fa3d11ca0fb132ca1cde0a86 Mon Sep 17 00:00:00 2001
From: Arman Jivanyan <arman.jivanyan@devexpress.com>
Date: Wed, 29 Jul 2026 04:53:29 +0400
Subject: [PATCH 07/16] fix(devextreme-angular): resolve PivotGrid/FieldChooser
 texts naming collision
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

devextreme-angular's wrapper generator produced two different nested
options with the identical class name DxoPivotGridFieldChooserTextsComponent
and selector dxo-pivot-grid-field-chooser-texts: dxPivotGrid's own
fieldChooser.texts, and the standalone dxPivotGridFieldChooser's own
texts. The generator names classes as Dxo+parentWidgetName+optionName
with no collision detection, and "PivotGrid"+"FieldChooserTexts" ===
"PivotGridFieldChooser"+"Texts".

This was invisible under SystemJS's JIT Angular compiler, but a hard
NG8023 ambiguous-selector error under AOT — which is exactly why the
esbuild migration's PivotGrid/StandaloneFieldChooser Angular demo
(the only one combining both widgets) failed to build in the previous
commits.

Fixed at the source with a forcedName metadata override in
make-integration-metadata.ts — the same mechanism already used for
identical collisions elsewhere in that file (e.g. Toolbar.items) —
then regenerated and rebuilt devextreme-angular so the fix reaches
apps/demos/node_modules/devextreme-angular (a symlink to
packages/devextreme-angular/npm/dist, not src/ directly). Also drops
csp-bundle-angular.js's KNOWN_BROKEN_DEMOS skip-list, now that the bug
it worked around is actually fixed.
---
 apps/demos/utils/server/csp-bundle-angular.js | 29 ++++---------------
 .../src/ui/pivot-grid/index.ts                |  6 ++--
 ...xts.ts => embedded-field-chooser-texts.ts} | 10 +++----
 .../src/ui/pivot-grid/nested/index.ts         |  2 +-
 .../make-integration-metadata.ts              |  4 +++
 5 files changed, 19 insertions(+), 32 deletions(-)
 rename packages/devextreme-angular/src/ui/pivot-grid/nested/{field-chooser-texts.ts => embedded-field-chooser-texts.ts} (84%)

diff --git a/apps/demos/utils/server/csp-bundle-angular.js b/apps/demos/utils/server/csp-bundle-angular.js
index 052224b8dd68..548391b0af02 100644
--- a/apps/demos/utils/server/csp-bundle-angular.js
+++ b/apps/demos/utils/server/csp-bundle-angular.js
@@ -71,14 +71,6 @@ const SHARED_TSCONFIG_TEMPLATE = path.join(__dirname, 'tsconfig.csp-bundle-angul
 const GENERATED_TSCONFIG_DIR = path.join(__dirname, '.csp-bundle-angular-tsconfigs');
 const ANGULAR_ZONE_SCRIPT = '../../../../node_modules/zone.js/bundles/zone.umd.js';
 
-// Skipped from the bundled Angular CSP check. NG0300: devextreme-angular's
-// fesm2022 build duplicates DxoPivotGridFieldChooserTextsComponent across the
-// pivot-grid and field-chooser entries, so this demo (using both) registers two
-// components for one selector. A library packaging defect, not a demo-source bug.
-const KNOWN_BROKEN_DEMOS = new Set([
-  'PivotGrid/StandaloneFieldChooser',
-]);
-
 // @angular/build is transitive via @angular-devkit/build-angular; resolve through it for pnpm.
 function resolveAngularBuildPrivate() {
   const buildAngularPkg = require.resolve('@angular-devkit/build-angular/package.json', {
@@ -155,8 +147,7 @@ function findAngularEntry(srcDir) {
 
 function findDemos() {
   const out = [];
-  const skipped = [];
-  if (!fs.existsSync(SRC_DEMOS_DIR)) return { out, skipped };
+  if (!fs.existsSync(SRC_DEMOS_DIR)) return out;
 
   const widgets = fs.readdirSync(SRC_DEMOS_DIR, { withFileTypes: true }).filter((w) => w.isDirectory());
   for (const widget of widgets) {
@@ -169,16 +160,12 @@ function findDemos() {
       if (matchesFilter && fs.existsSync(path.join(fwDir, 'index.html'))) {
         const entry = findAngularEntry(fwDir);
         if (entry) {
-          if (KNOWN_BROKEN_DEMOS.has(key)) {
-            skipped.push({ widget: widget.name, name: demo.name });
-          } else {
-            out.push({ widget: widget.name, name: demo.name, srcDir: fwDir, entry });
-          }
+          out.push({ widget: widget.name, name: demo.name, srcDir: fwDir, entry });
         }
       }
     }
   }
-  return { out, skipped };
+  return out;
 }
 
 // ---- CSS asset shim infrastructure ----
@@ -760,14 +747,10 @@ async function main() {
 
   const { createCompilerPlugin } = resolveAngularBuildPrivate();
 
-  const { out: allDemos, skipped } = findDemos();
+  const allDemos = findDemos();
   const demos = applyShard(allDemos);
-  const shardNote = SHARD_TOTAL > 1 ? ` — shard ${SHARD_INDEX}/${SHARD_TOTAL}: ${demos.length} of ${allDemos.length} bundleable` : '';
-  console.log(`Discovered ${allDemos.length + skipped.length} ${FRAMEWORK} demo(s) — ${allDemos.length} bundleable, ${skipped.length} skipped (KNOWN_BROKEN_DEMOS)${shardNote}\n`);
-  if (skipped.length > 0) {
-    for (const s of skipped) console.log(`  • skipping ${s.widget}/${s.name}`);
-    console.log('');
-  }
+  const shardNote = SHARD_TOTAL > 1 ? ` — shard ${SHARD_INDEX}/${SHARD_TOTAL}: ${demos.length} of ${allDemos.length}` : '';
+  console.log(`Discovered ${allDemos.length} ${FRAMEWORK} demo(s)${shardNote}\n`);
   if (demos.length === 0) {
     console.log('Nothing to bundle.');
     return;
diff --git a/packages/devextreme-angular/src/ui/pivot-grid/index.ts b/packages/devextreme-angular/src/ui/pivot-grid/index.ts
index efc7d1d563ec..828c85c30f4e 100644
--- a/packages/devextreme-angular/src/ui/pivot-grid/index.ts
+++ b/packages/devextreme-angular/src/ui/pivot-grid/index.ts
@@ -48,9 +48,9 @@ import { DxoLoadPanelModule } from 'devextreme-angular/ui/nested';
 import { DxoScrollingModule } from 'devextreme-angular/ui/nested';
 import { DxoStateStoringModule } from 'devextreme-angular/ui/nested';
 
+import { DxoPivotGridEmbeddedFieldChooserTextsModule } from 'devextreme-angular/ui/pivot-grid/nested';
 import { DxoPivotGridExportModule } from 'devextreme-angular/ui/pivot-grid/nested';
 import { DxoPivotGridFieldChooserModule } from 'devextreme-angular/ui/pivot-grid/nested';
-import { DxoPivotGridFieldChooserTextsModule } from 'devextreme-angular/ui/pivot-grid/nested';
 import { DxoPivotGridFieldPanelModule } from 'devextreme-angular/ui/pivot-grid/nested';
 import { DxoPivotGridFieldPanelTextsModule } from 'devextreme-angular/ui/pivot-grid/nested';
 import { DxoPivotGridHeaderFilterModule } from 'devextreme-angular/ui/pivot-grid/nested';
@@ -895,9 +895,9 @@ export class DxPivotGridComponent extends DxComponent implements OnDestroy, OnCh
     DxoLoadPanelModule,
     DxoScrollingModule,
     DxoStateStoringModule,
+    DxoPivotGridEmbeddedFieldChooserTextsModule,
     DxoPivotGridExportModule,
     DxoPivotGridFieldChooserModule,
-    DxoPivotGridFieldChooserTextsModule,
     DxoPivotGridFieldPanelModule,
     DxoPivotGridFieldPanelTextsModule,
     DxoPivotGridHeaderFilterModule,
@@ -922,9 +922,9 @@ export class DxPivotGridComponent extends DxComponent implements OnDestroy, OnCh
     DxoLoadPanelModule,
     DxoScrollingModule,
     DxoStateStoringModule,
+    DxoPivotGridEmbeddedFieldChooserTextsModule,
     DxoPivotGridExportModule,
     DxoPivotGridFieldChooserModule,
-    DxoPivotGridFieldChooserTextsModule,
     DxoPivotGridFieldPanelModule,
     DxoPivotGridFieldPanelTextsModule,
     DxoPivotGridHeaderFilterModule,
diff --git a/packages/devextreme-angular/src/ui/pivot-grid/nested/field-chooser-texts.ts b/packages/devextreme-angular/src/ui/pivot-grid/nested/embedded-field-chooser-texts.ts
similarity index 84%
rename from packages/devextreme-angular/src/ui/pivot-grid/nested/field-chooser-texts.ts
rename to packages/devextreme-angular/src/ui/pivot-grid/nested/embedded-field-chooser-texts.ts
index 0081de32be60..581207f847f7 100644
--- a/packages/devextreme-angular/src/ui/pivot-grid/nested/field-chooser-texts.ts
+++ b/packages/devextreme-angular/src/ui/pivot-grid/nested/embedded-field-chooser-texts.ts
@@ -23,13 +23,13 @@ import { NestedOption } from 'devextreme-angular/core';
 
 
 @Component({
-    selector: 'dxo-pivot-grid-field-chooser-texts',
+    selector: 'dxo-pivot-grid-embedded-field-chooser-texts',
     template: '',
     styles: [''],
     imports: [ DxIntegrationModule ],
     providers: [NestedOptionHost]
 })
-export class DxoPivotGridFieldChooserTextsComponent extends NestedOption implements OnDestroy, OnInit  {
+export class DxoPivotGridEmbeddedFieldChooserTextsComponent extends NestedOption implements OnDestroy, OnInit  {
     @Input()
     get allFields(): string {
         return this._getOption('allFields');
@@ -97,10 +97,10 @@ export class DxoPivotGridFieldChooserTextsComponent extends NestedOption impleme
 
 @NgModule({
   imports: [
-    DxoPivotGridFieldChooserTextsComponent
+    DxoPivotGridEmbeddedFieldChooserTextsComponent
   ],
   exports: [
-    DxoPivotGridFieldChooserTextsComponent
+    DxoPivotGridEmbeddedFieldChooserTextsComponent
   ],
 })
-export class DxoPivotGridFieldChooserTextsModule { }
+export class DxoPivotGridEmbeddedFieldChooserTextsModule { }
diff --git a/packages/devextreme-angular/src/ui/pivot-grid/nested/index.ts b/packages/devextreme-angular/src/ui/pivot-grid/nested/index.ts
index 3d6d81094573..7b35c59209af 100644
--- a/packages/devextreme-angular/src/ui/pivot-grid/nested/index.ts
+++ b/packages/devextreme-angular/src/ui/pivot-grid/nested/index.ts
@@ -1,5 +1,5 @@
+export * from './embedded-field-chooser-texts';
 export * from './export';
-export * from './field-chooser-texts';
 export * from './field-chooser';
 export * from './field-panel-texts';
 export * from './field-panel';
diff --git a/packages/devextreme-metadata/make-integration-metadata.ts b/packages/devextreme-metadata/make-integration-metadata.ts
index 14ac44d14eae..8212aa40bd7b 100644
--- a/packages/devextreme-metadata/make-integration-metadata.ts
+++ b/packages/devextreme-metadata/make-integration-metadata.ts
@@ -113,6 +113,10 @@ Imd.makeMetadata({
       forcedName: 'treeListToolbarItem',
     }),
 
+    addMetadata('ui/pivot_grid:dxPivotGridOptions.fieldChooser.texts', {
+      forcedName: 'embeddedFieldChooserTexts',
+    }),
+
     replaceTypes(/.+/, ['core/element:UserDefinedElement'], ['any']),
 
     removeMembers(['core/element:DxElement', 'core/element:UserDefinedElement'], 'any'),

From bfc80bbacab01e56470d2998cd878dba32856194 Mon Sep 17 00:00:00 2001
From: Arman Jivanyan <arman.jivanyan@devexpress.com>
Date: Tue, 4 Aug 2026 12:05:13 +0400
Subject: [PATCH 08/16] fix(devextreme-react,devextreme-vue): regenerate
 pivot-grid wrappers for FieldChooserTexts rename

The forcedName metadata fix for the PivotGrid/FieldChooser texts naming
collision (58d765cfc8) regenerated devextreme-angular but missed the
React/Vue wrappers, which the check-regenerate CI job caught.
---
 packages/devextreme-react/src/pivot-grid.ts | 50 +++++++++----------
 packages/devextreme-vue/src/pivot-grid.ts   | 54 ++++++++++-----------
 2 files changed, 52 insertions(+), 52 deletions(-)

diff --git a/packages/devextreme-react/src/pivot-grid.ts b/packages/devextreme-react/src/pivot-grid.ts
index e7c6fa0eae86..22ae796605ab 100644
--- a/packages/devextreme-react/src/pivot-grid.ts
+++ b/packages/devextreme-react/src/pivot-grid.ts
@@ -73,6 +73,28 @@ const PivotGrid = memo(
 ) as (props: React.PropsWithChildren<IPivotGridOptions> & { ref?: Ref<PivotGridRef> }) => ReactElement | null;
 
 
+// owners:
+// FieldChooser
+type IEmbeddedFieldChooserTextsProps = React.PropsWithChildren<{
+  allFields?: string;
+  columnFields?: string;
+  dataFields?: string;
+  filterFields?: string;
+  rowFields?: string;
+}>
+const _componentEmbeddedFieldChooserTexts = (props: IEmbeddedFieldChooserTextsProps) => {
+  return React.createElement(NestedOption<IEmbeddedFieldChooserTextsProps>, {
+    ...props,
+    elementDescriptor: {
+      OptionName: "texts",
+    },
+  });
+};
+
+const EmbeddedFieldChooserTexts = Object.assign<typeof _componentEmbeddedFieldChooserTexts, NestedComponentMeta>(_componentEmbeddedFieldChooserTexts, {
+  componentType: "option",
+});
+
 // owners:
 // PivotGrid
 type IExportProps = React.PropsWithChildren<{
@@ -116,7 +138,7 @@ const _componentFieldChooser = (props: IFieldChooserProps) => {
     elementDescriptor: {
       OptionName: "fieldChooser",
       ExpectedChildren: {
-        fieldChooserTexts: { optionName: "texts", isCollectionItem: false },
+        embeddedFieldChooserTexts: { optionName: "texts", isCollectionItem: false },
         texts: { optionName: "texts", isCollectionItem: false }
       },
     },
@@ -127,28 +149,6 @@ const FieldChooser = Object.assign<typeof _componentFieldChooser, NestedComponen
   componentType: "option",
 });
 
-// owners:
-// FieldChooser
-type IFieldChooserTextsProps = React.PropsWithChildren<{
-  allFields?: string;
-  columnFields?: string;
-  dataFields?: string;
-  filterFields?: string;
-  rowFields?: string;
-}>
-const _componentFieldChooserTexts = (props: IFieldChooserTextsProps) => {
-  return React.createElement(NestedOption<IFieldChooserTextsProps>, {
-    ...props,
-    elementDescriptor: {
-      OptionName: "texts",
-    },
-  });
-};
-
-const FieldChooserTexts = Object.assign<typeof _componentFieldChooserTexts, NestedComponentMeta>(_componentFieldChooserTexts, {
-  componentType: "option",
-});
-
 // owners:
 // PivotGrid
 type IFieldPanelProps = React.PropsWithChildren<{
@@ -422,12 +422,12 @@ export {
   PivotGrid,
   IPivotGridOptions,
   PivotGridRef,
+  EmbeddedFieldChooserTexts,
+  IEmbeddedFieldChooserTextsProps,
   Export,
   IExportProps,
   FieldChooser,
   IFieldChooserProps,
-  FieldChooserTexts,
-  IFieldChooserTextsProps,
   FieldPanel,
   IFieldPanelProps,
   FieldPanelTexts,
diff --git a/packages/devextreme-vue/src/pivot-grid.ts b/packages/devextreme-vue/src/pivot-grid.ts
index 75169fb9ee02..3dff93c444ab 100644
--- a/packages/devextreme-vue/src/pivot-grid.ts
+++ b/packages/devextreme-vue/src/pivot-grid.ts
@@ -193,6 +193,31 @@ prepareComponentConfig(componentConfig);
 const DxPivotGrid = defineComponent(componentConfig);
 
 
+const DxEmbeddedFieldChooserTextsConfig = {
+  emits: {
+    "update:isActive": null,
+    "update:hoveredElement": null,
+    "update:allFields": null,
+    "update:columnFields": null,
+    "update:dataFields": null,
+    "update:filterFields": null,
+    "update:rowFields": null,
+  },
+  props: {
+    allFields: String,
+    columnFields: String,
+    dataFields: String,
+    filterFields: String,
+    rowFields: String
+  }
+};
+
+prepareConfigurationComponentConfig(DxEmbeddedFieldChooserTextsConfig);
+
+const DxEmbeddedFieldChooserTexts = defineComponent(DxEmbeddedFieldChooserTextsConfig);
+
+(DxEmbeddedFieldChooserTexts as any).$_optionName = "texts";
+
 const DxExportConfig = {
   emits: {
     "update:isActive": null,
@@ -243,35 +268,10 @@ const DxFieldChooser = defineComponent(DxFieldChooserConfig);
 
 (DxFieldChooser as any).$_optionName = "fieldChooser";
 (DxFieldChooser as any).$_expectedChildren = {
-  fieldChooserTexts: { isCollectionItem: false, optionName: "texts" },
+  embeddedFieldChooserTexts: { isCollectionItem: false, optionName: "texts" },
   texts: { isCollectionItem: false, optionName: "texts" }
 };
 
-const DxFieldChooserTextsConfig = {
-  emits: {
-    "update:isActive": null,
-    "update:hoveredElement": null,
-    "update:allFields": null,
-    "update:columnFields": null,
-    "update:dataFields": null,
-    "update:filterFields": null,
-    "update:rowFields": null,
-  },
-  props: {
-    allFields: String,
-    columnFields: String,
-    dataFields: String,
-    filterFields: String,
-    rowFields: String
-  }
-};
-
-prepareConfigurationComponentConfig(DxFieldChooserTextsConfig);
-
-const DxFieldChooserTexts = defineComponent(DxFieldChooserTextsConfig);
-
-(DxFieldChooserTexts as any).$_optionName = "texts";
-
 const DxFieldPanelConfig = {
   emits: {
     "update:isActive": null,
@@ -588,9 +588,9 @@ const DxTexts = defineComponent(DxTextsConfig);
 export default DxPivotGrid;
 export {
   DxPivotGrid,
+  DxEmbeddedFieldChooserTexts,
   DxExport,
   DxFieldChooser,
-  DxFieldChooserTexts,
   DxFieldPanel,
   DxFieldPanelTexts,
   DxHeaderFilter,

From 58f005f9a7341cafc090bed7da3fd26e1d2fbc42 Mon Sep 17 00:00:00 2001
From: Andrei Vorobev <738482+vorobey@users.noreply.github.com>
Date: Wed, 5 Aug 2026 17:43:15 +0300
Subject: [PATCH 09/16] chore: fix toplevel menu items

---
 apps/demos/index.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/demos/index.html b/apps/demos/index.html
index bf889bd6df05..150587b60508 100644
--- a/apps/demos/index.html
+++ b/apps/demos/index.html
@@ -81,7 +81,7 @@
           .filter((s) => s !== "");
 
         const selectedData = treeList?.getSelectedRowsData("leavesOnly");
-        if (selectedData?.length) {
+        if (selectedData?.length && selectedData[0].Widget) {
           pathParts[1] = selectedData[0].Widget;
           pathParts[2] = selectedData[0].Name;
         }
@@ -132,7 +132,7 @@
           item.Groups.forEach(processDataSourceItem);
         }
 
-        item.key = (!item.Widget ? Math.random() : item.Widget) + item.Name;
+        item.key = (item.TopLevel ? "TopLevel/" : "") + (!item.Widget ? Math.random() : item.Widget) + item.Name;
 
         return item;
       };

From b857bebb6ba69672a585af41f3fb1f812fa9bef7 Mon Sep 17 00:00:00 2001
From: Andrei Vorobev <738482+vorobey@users.noreply.github.com>
Date: Thu, 6 Aug 2026 11:13:22 +0300
Subject: [PATCH 10/16] feat(demos): wire ReactJs demos into the esbuild build
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The generated JavaScript twins of the React demos (utils/ts-to-js-converter,
`Js` output postfix) were left behind by the SystemJS migration: nothing in the
build, the dev server or CI referenced the ReactJs approach, so their
index.html still loaded system.js plus a config.js that no longer has a
producer.

- csp-bundle.js / server.js: accept ReactJs as a bundled approach. It needs no
  framework branch of its own — the shared esbuild options already map '.js' to
  the jsx loader, and only Vue takes a plugin branch.
- .prettierrc.json: drop the ReactJs-only *.html override. index.html is
  generated by the builder now, and singleAttributePerLine/printWidth 100 meant
  every in-place rebuild would leave the tree failing lint-html.
- ts-to-js-converter: exclude index.html from the converter's forced prettier
  flags. They override the config file, so the converter would otherwise reflow
  the builder's HTML on every run and make the "Check generated JS demos" job
  flap. The flags stay for the sources — prettier resolves .prettierignore from
  its cwd (the demo's own out dir), so they are load-bearing there.

The demos themselves are regenerated on the stacked branch.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
---
 .github/workflows/visual-tests-demos.yml         | 5 -----
 apps/demos/.prettierrc.json                      | 7 -------
 apps/demos/utils/server/csp-bundle.js            | 5 ++++-
 apps/demos/utils/shell/server.js                 | 2 +-
 apps/demos/utils/ts-to-js-converter/converter.ts | 5 ++++-
 5 files changed, 9 insertions(+), 15 deletions(-)

diff --git a/.github/workflows/visual-tests-demos.yml b/.github/workflows/visual-tests-demos.yml
index 317189a678ce..a60d26e2bec0 100644
--- a/.github/workflows/visual-tests-demos.yml
+++ b/.github/workflows/visual-tests-demos.yml
@@ -288,11 +288,6 @@ jobs:
       NODE_OPTIONS: --max-old-space-size=8192
     strategy:
       fail-fast: false
-      # Demos now bundle with esbuild, in place, one demo at a time — no more
-      # SystemJS vendor bundle to build. Angular's AOT compile is the slow
-      # part, so it's split into parallel shards (same round-robin scheme
-      # csp-bundle-angular.js already uses for the CSP check below);
-      # React/Vue stay light enough for a single shard.
       matrix:
         include:
           - { FRAMEWORK: React,   SHARD_INDEX: 1, SHARD_TOTAL: 1 }
diff --git a/apps/demos/.prettierrc.json b/apps/demos/.prettierrc.json
index b4c6d26502b7..4f5977701e68 100644
--- a/apps/demos/.prettierrc.json
+++ b/apps/demos/.prettierrc.json
@@ -16,13 +16,6 @@
             "singleAttributePerLine": true,
             "trailingComma": "all"
         }
-    },
-    {
-        "files": "**/ReactJs/**/*.html",
-        "options": {
-            "printWidth": 100,
-            "singleAttributePerLine": true
-        }
     }
 ]
 }
diff --git a/apps/demos/utils/server/csp-bundle.js b/apps/demos/utils/server/csp-bundle.js
index 2bff3223cf39..b821546c72d0 100644
--- a/apps/demos/utils/server/csp-bundle.js
+++ b/apps/demos/utils/server/csp-bundle.js
@@ -11,7 +11,10 @@ const esbuild = require('esbuild');
 const FRAMEWORK_ARG = (process.argv.find((a) => a.startsWith('--framework=')) || '').split('=')[1];
 const FRAMEWORK = FRAMEWORK_ARG || process.env.CSP_FRAMEWORKS || 'React';
 
-const SUPPORTED = ['React', 'Vue', 'Angular'];
+// ReactJs is the generated JavaScript twin of each React demo (see
+// utils/ts-to-js-converter) — same JSX sources with .js extensions, which the
+// shared '.js': 'jsx' loader already covers, so it needs no separate handling.
+const SUPPORTED = ['React', 'ReactJs', 'Vue', 'Angular'];
 if (!SUPPORTED.includes(FRAMEWORK)) {
   console.log(`csp-bundle: framework ${FRAMEWORK} is not supported (only ${SUPPORTED.join(', ')}). Nothing to do.`);
   process.exit(0);
diff --git a/apps/demos/utils/shell/server.js b/apps/demos/utils/shell/server.js
index 18070c71c06e..33b2f7ff9c11 100644
--- a/apps/demos/utils/shell/server.js
+++ b/apps/demos/utils/shell/server.js
@@ -27,7 +27,7 @@ const getDemoPath = (requestPath) => requestPath.replace(/^\/apps\/demos(?=\/|$)
 // source instead of going through SystemJS's in-browser transpile. Rebuild
 // on-demand, only for the demo actually being viewed, so local dev doesn't
 // need a watcher over all ~2,500 demos.
-const BUNDLED_APPROACHES = new Set(['React', 'Vue', 'Angular']);
+const BUNDLED_APPROACHES = new Set(['React', 'ReactJs', 'Vue', 'Angular']);
 const GENERATED_ENTRY_NAMES = new Set([
   'bundle.js', 'bundle.css', indexFileName, 'config.js', 'tsconfig.json', 'description.md',
 ]);
diff --git a/apps/demos/utils/ts-to-js-converter/converter.ts b/apps/demos/utils/ts-to-js-converter/converter.ts
index 9a9c77880ce0..1588a5e1af4f 100644
--- a/apps/demos/utils/ts-to-js-converter/converter.ts
+++ b/apps/demos/utils/ts-to-js-converter/converter.ts
@@ -231,8 +231,11 @@ const formatOutputs = async (
   prettierConfig: string,
   eslintConfig: string,
 ) => {
+  // index.html is excluded: it is generated by the demo builder (utils/build/), not
+  // authored here, and the forced flags below would reflow it away from the builder's
+  // output — leaving `lint-html` and every in-place rebuild fighting each other.
   const prettierPatterns = outDirs
-    .map((outDir) => quoteShellArg(`${path.resolve(outDir)}${path.sep}!(*.{css,json,md,tsbuildinfo})`))
+    .map((outDir) => quoteShellArg(`${path.resolve(outDir)}${path.sep}!(*.{css,json,md,tsbuildinfo,html})`))
     .join(' ');
   const eslintPatterns = outDirs
     .map((outDir) => quoteShellArg(

From 2a9a524ed5bab9134f26bb7e6424967dc3ae583b Mon Sep 17 00:00:00 2001
From: Arman Jivanyan <arman.jivanyan@devexpress.com>
Date: Wed, 29 Jul 2026 04:51:49 +0400
Subject: [PATCH 11/16] refactor(demos): migrate all demos off SystemJS to
 esbuild bundling
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Regenerates every demo's index.html (React/Vue/Angular, all widgets
except PivotGrid/StandaloneFieldChooser's Angular variant — blocked on
a devextreme-angular naming collision fixed in a later commit) via the
build infrastructure from the previous commit: drops the SystemJS
runtime/config.js/System.import bootstrap in favor of a plain
<script src="./bundle.js">, verified with real headless-Chrome renders
across representative widgets (grids, charts, maps, schedulers, gantt,
editors) and the menuMeta.json Modules-field demos (VectorMap,
Localization, Autocomplete, DropDownBox, DropDownButton, Drawer,
Form/SmartPaste, List) that used to rely on SystemJS's static module
map.

bundle.js/bundle.css themselves are generated, gitignored build
output (same convention as the old Demos/**/config.js) — not part of
this diff.
---
 .../Accordion/Overview/Angular/index.html     | 15 +++--------
 .../Demos/Accordion/Overview/React/index.html | 11 ++------
 .../Demos/Accordion/Overview/Vue/index.html   | 14 ++--------
 .../ActionSheet/Basics/Angular/index.html     | 15 +++--------
 .../Demos/ActionSheet/Basics/React/index.html | 11 ++------
 .../Demos/ActionSheet/Basics/Vue/index.html   | 15 ++---------
 .../PopoverMode/Angular/index.html            | 15 +++--------
 .../ActionSheet/PopoverMode/React/index.html  | 11 ++------
 .../ActionSheet/PopoverMode/Vue/index.html    | 15 ++---------
 .../Autocomplete/Overview/Angular/index.html  | 15 +++--------
 .../Autocomplete/Overview/React/index.html    | 11 ++------
 .../Autocomplete/Overview/Vue/index.html      | 15 ++---------
 .../Demos/Box/Overview/Angular/index.html     | 15 +++--------
 .../demos/Demos/Box/Overview/React/index.html | 11 ++------
 apps/demos/Demos/Box/Overview/Vue/index.html  | 14 ++--------
 .../Demos/Button/Icons/Angular/index.html     | 16 +++---------
 .../demos/Demos/Button/Icons/React/index.html | 12 ++-------
 apps/demos/Demos/Button/Icons/Vue/index.html  | 15 ++---------
 .../Button/PredefinedTypes/Angular/index.html | 15 +++--------
 .../Button/PredefinedTypes/React/index.html   | 11 ++------
 .../Button/PredefinedTypes/Vue/index.html     | 14 ++--------
 .../ButtonGroup/Overview/Angular/index.html   | 15 +++--------
 .../ButtonGroup/Overview/React/index.html     | 11 ++------
 .../Demos/ButtonGroup/Overview/Vue/index.html | 14 ++--------
 .../MultipleSelection/Angular/index.html      | 15 +++--------
 .../MultipleSelection/React/index.html        | 12 ++-------
 .../Calendar/MultipleSelection/Vue/index.html | 16 ++----------
 .../Calendar/Overview/Angular/index.html      | 15 +++--------
 .../Demos/Calendar/Overview/React/index.html  | 12 ++-------
 .../Demos/Calendar/Overview/Vue/index.html    | 16 ++----------
 .../CardView/CardTemplate/Angular/index.html  | 15 +++--------
 .../CardView/CardTemplate/React/index.html    | 11 ++------
 .../CardView/CardTemplate/Vue/index.html      | 15 ++---------
 .../CardView/ColumnChooser/Angular/index.html | 15 +++--------
 .../CardView/ColumnChooser/React/index.html   | 11 ++------
 .../CardView/ColumnChooser/Vue/index.html     | 15 ++---------
 .../ColumnHeaderFilter/Angular/index.html     | 15 +++--------
 .../ColumnHeaderFilter/React/index.html       |  9 +------
 .../ColumnHeaderFilter/Vue/index.html         | 14 +---------
 .../ColumnReordering/Angular/index.html       | 15 +++--------
 .../ColumnReordering/React/index.html         |  9 +------
 .../CardView/ColumnReordering/Vue/index.html  | 14 +---------
 .../DataValidation/Angular/index.html         | 15 +++--------
 .../CardView/DataValidation/React/index.html  |  9 +------
 .../CardView/DataValidation/Vue/index.html    | 14 +---------
 .../CardView/FieldTemplate/Angular/index.html | 15 +++--------
 .../CardView/FieldTemplate/React/index.html   | 11 ++------
 .../CardView/FieldTemplate/Vue/index.html     | 15 ++---------
 .../CardView/FilterPanel/Angular/index.html   | 15 +++--------
 .../CardView/FilterPanel/React/index.html     |  9 +------
 .../Demos/CardView/FilterPanel/Vue/index.html | 14 +---------
 .../CardView/Overview/Angular/index.html      | 15 +++--------
 .../Demos/CardView/Overview/React/index.html  | 11 ++------
 .../Demos/CardView/Overview/Vue/index.html    | 15 ++---------
 .../CardView/PopupEditing/Angular/index.html  | 15 +++--------
 .../CardView/PopupEditing/React/index.html    |  9 +------
 .../CardView/PopupEditing/Vue/index.html      | 14 +---------
 .../CardView/SearchPanel/Angular/index.html   | 15 +++--------
 .../CardView/SearchPanel/React/index.html     |  9 +------
 .../Demos/CardView/SearchPanel/Vue/index.html | 14 +---------
 .../CardView/Selection/Angular/index.html     | 15 +++--------
 .../Demos/CardView/Selection/React/index.html | 11 ++------
 .../Demos/CardView/Selection/Vue/index.html   | 15 ++---------
 .../CardView/SimpleArray/Angular/index.html   | 15 +++--------
 .../CardView/SimpleArray/React/index.html     |  9 +------
 .../Demos/CardView/SimpleArray/Vue/index.html | 14 +---------
 .../Demos/CardView/Sorting/Angular/index.html | 15 +++--------
 .../Demos/CardView/Sorting/React/index.html   |  9 +------
 .../Demos/CardView/Sorting/Vue/index.html     | 14 +---------
 .../CardView/WebAPIService/Angular/index.html | 15 +++--------
 .../CardView/WebAPIService/React/index.html   |  9 +------
 .../CardView/WebAPIService/Vue/index.html     | 14 +---------
 .../Charts/AjaxRequest/Angular/index.html     | 15 +++--------
 .../Demos/Charts/AjaxRequest/React/index.html | 11 ++------
 .../Demos/Charts/AjaxRequest/Vue/index.html   | 14 ++--------
 .../Charts/Annotation/Angular/index.html      | 15 +++--------
 .../Demos/Charts/Annotation/React/index.html  | 11 ++------
 .../Demos/Charts/Annotation/Vue/index.html    | 14 ++--------
 .../Demos/Charts/Area/Angular/index.html      | 15 +++--------
 apps/demos/Demos/Charts/Area/React/index.html | 11 ++------
 apps/demos/Demos/Charts/Area/Vue/index.html   | 14 ++--------
 .../AreaSelectionZooming/Angular/index.html   | 15 +++--------
 .../AreaSelectionZooming/React/index.html     | 11 ++------
 .../AreaSelectionZooming/Vue/index.html       | 14 ++--------
 .../Charts/AreaSparklines/Angular/index.html  | 15 +++--------
 .../Charts/AreaSparklines/React/index.html    | 11 ++------
 .../Charts/AreaSparklines/Vue/index.html      | 14 ++--------
 .../AutoCalculatedBarWidth/Angular/index.html | 15 +++--------
 .../AutoCalculatedBarWidth/React/index.html   | 11 ++------
 .../AutoCalculatedBarWidth/Vue/index.html     | 14 ++--------
 .../AxisCustomPosition/Angular/index.html     | 15 +++--------
 .../AxisCustomPosition/React/index.html       | 11 ++------
 .../Charts/AxisCustomPosition/Vue/index.html  | 14 ++--------
 .../AxisLabelCustomization/Angular/index.html | 26 +++----------------
 .../AxisLabelCustomization/React/index.html   | 11 ++------
 .../AxisLabelCustomization/Vue/index.html     | 14 ++--------
 .../BarColorCustomization/Angular/index.html  | 15 +++--------
 .../BarColorCustomization/React/index.html    | 11 ++------
 .../BarColorCustomization/Vue/index.html      | 14 ++--------
 .../Charts/BarDrillDown/Angular/index.html    | 15 +++--------
 .../Charts/BarDrillDown/React/index.html      | 11 ++------
 .../Demos/Charts/BarDrillDown/Vue/index.html  | 14 ++--------
 .../Charts/BarSparklines/Angular/index.html   | 15 +++--------
 .../Charts/BarSparklines/React/index.html     | 11 ++------
 .../Demos/Charts/BarSparklines/Vue/index.html | 14 ++--------
 .../BiDirectionalBarChart/Angular/index.html  | 15 +++--------
 .../BiDirectionalBarChart/React/index.html    | 11 ++------
 .../BiDirectionalBarChart/Vue/index.html      | 14 ++--------
 .../Demos/Charts/Bubble/Angular/index.html    | 15 +++--------
 .../Demos/Charts/Bubble/React/index.html      | 11 ++------
 apps/demos/Demos/Charts/Bubble/Vue/index.html | 14 ++--------
 .../Charts/Candlestick/Angular/index.html     | 15 +++--------
 .../Demos/Charts/Candlestick/React/index.html | 11 ++------
 .../Demos/Charts/Candlestick/Vue/index.html   | 14 ++--------
 .../Angular/index.html                        | 15 +++--------
 .../CenterLabelCustomization/React/index.html | 11 ++------
 .../CenterLabelCustomization/Vue/index.html   | 14 ++--------
 .../Angular/index.html                        | 15 +++--------
 .../ClientSideDataProcessing/React/index.html | 11 ++------
 .../ClientSideDataProcessing/Vue/index.html   | 14 ++--------
 .../Charts/Colorization/Angular/index.html    | 15 +++--------
 .../Charts/Colorization/React/index.html      | 13 +++-------
 .../Demos/Charts/Colorization/Vue/index.html  | 16 +++---------
 .../Charts/ContinuousData/Angular/index.html  | 15 +++--------
 .../Charts/ContinuousData/React/index.html    | 11 ++------
 .../Charts/ContinuousData/Vue/index.html      | 14 ++--------
 .../Demos/Charts/Crosshair/Angular/index.html | 15 +++--------
 .../Demos/Charts/Crosshair/React/index.html   | 11 ++------
 .../Demos/Charts/Crosshair/Vue/index.html     | 14 ++--------
 .../CustomAnnotations/Angular/index.html      | 15 +++--------
 .../Charts/CustomAnnotations/React/index.html | 11 ++------
 .../Charts/CustomAnnotations/Vue/index.html   | 14 ++--------
 .../Charts/CustomBarWidth/Angular/index.html  | 15 +++--------
 .../Charts/CustomBarWidth/React/index.html    | 11 ++------
 .../Charts/CustomBarWidth/Vue/index.html      | 14 ++--------
 .../CustomFillStyles/Angular/index.html       | 15 +++--------
 .../Charts/CustomFillStyles/React/index.html  | 11 ++------
 .../Charts/CustomFillStyles/Vue/index.html    | 14 ++--------
 .../Angular/index.html                        | 15 +++--------
 .../CustomizePointsAndLabels/React/index.html | 11 ++------
 .../CustomizePointsAndLabels/Vue/index.html   | 14 ++--------
 .../Angular/index.html                        | 15 +++--------
 .../React/index.html                          | 11 ++------
 .../Vue/index.html                            | 16 +++---------
 .../Charts/DiscreteData/Angular/index.html    | 15 +++--------
 .../Charts/DiscreteData/React/index.html      | 11 ++------
 .../Demos/Charts/DiscreteData/Vue/index.html  | 14 ++--------
 .../Angular/index.html                        | 15 +++--------
 .../React/index.html                          | 11 ++------
 .../DiscretePointsAggregation/Vue/index.html  | 20 ++------------
 .../Demos/Charts/Doughnut/Angular/index.html  | 15 +++--------
 .../Demos/Charts/Doughnut/React/index.html    | 11 ++------
 .../Demos/Charts/Doughnut/Vue/index.html      | 14 ++--------
 .../DoughnutSelection/Angular/index.html      | 15 +++--------
 .../Charts/DoughnutSelection/React/index.html | 11 ++------
 .../Charts/DoughnutSelection/Vue/index.html   | 14 ++--------
 .../DoughnutWithTopNSeries/Angular/index.html | 15 +++--------
 .../DoughnutWithTopNSeries/React/index.html   | 11 ++------
 .../DoughnutWithTopNSeries/Vue/index.html     | 14 ++--------
 .../Demos/Charts/DrillDown/Angular/index.html | 15 +++--------
 .../Demos/Charts/DrillDown/React/index.html   | 11 ++------
 .../Demos/Charts/DrillDown/Vue/index.html     | 14 ++--------
 .../Charts/DynamicSeries/Angular/index.html   | 15 +++--------
 .../Charts/DynamicSeries/React/index.html     | 11 ++------
 .../Demos/Charts/DynamicSeries/Vue/index.html | 14 ++--------
 .../Charts/EqualSizePies/Angular/index.html   | 15 +++--------
 .../Charts/EqualSizePies/React/index.html     | 11 ++------
 .../Demos/Charts/EqualSizePies/Vue/index.html | 14 ++--------
 .../Demos/Charts/ErrorBars/Angular/index.html | 15 +++--------
 .../Demos/Charts/ErrorBars/React/index.html   | 11 ++------
 .../Demos/Charts/ErrorBars/Vue/index.html     | 14 ++--------
 .../ExportAndPrintingAPI/Angular/index.html   | 15 +++--------
 .../ExportAndPrintingAPI/React/index.html     | 11 ++------
 .../ExportAndPrintingAPI/Vue/index.html       | 14 ++--------
 .../ExportCustomMarkup/Angular/index.html     | 15 +++--------
 .../ExportCustomMarkup/React/index.html       | 11 ++------
 .../Charts/ExportCustomMarkup/Vue/index.html  | 14 ++--------
 .../ExportSeveralCharts/Angular/index.html    | 15 +++--------
 .../ExportSeveralCharts/React/index.html      | 11 ++------
 .../Charts/ExportSeveralCharts/Vue/index.html | 14 ++--------
 .../FlatDataStructure/Angular/index.html      | 15 +++--------
 .../Charts/FlatDataStructure/React/index.html | 11 ++------
 .../Charts/FlatDataStructure/Vue/index.html   | 14 ++--------
 .../Charts/FullStackedBar/Angular/index.html  | 15 +++--------
 .../Charts/FullStackedBar/React/index.html    | 11 ++------
 .../Charts/FullStackedBar/Vue/index.html      | 14 ++--------
 .../Charts/FunnelChart/Angular/index.html     | 15 +++--------
 .../Demos/Charts/FunnelChart/React/index.html | 11 ++------
 .../Demos/Charts/FunnelChart/Vue/index.html   | 14 ++--------
 .../Angular/index.html                        | 15 +++--------
 .../React/index.html                          | 11 ++------
 .../HierarchicalDataStructure/Vue/index.html  | 14 ++--------
 .../Demos/Charts/HoverMode/Angular/index.html | 15 +++--------
 .../Demos/Charts/HoverMode/React/index.html   | 11 ++------
 .../Demos/Charts/HoverMode/Vue/index.html     | 14 ++--------
 .../Charts/InvertedChart/Angular/index.html   | 15 +++--------
 .../Charts/InvertedChart/React/index.html     | 11 ++------
 .../Demos/Charts/InvertedChart/Vue/index.html | 14 ++--------
 .../LabelCustomization/Angular/index.html     | 15 +++--------
 .../LabelCustomization/React/index.html       | 11 ++------
 .../Charts/LabelCustomization/Vue/index.html  | 14 ++--------
 .../Angular/index.html                        | 15 +++--------
 .../React/index.html                          | 11 ++------
 .../LegendMarkersCustomization/Vue/index.html | 14 ++--------
 .../Demos/Charts/Line/Angular/index.html      | 15 +++--------
 apps/demos/Demos/Charts/Line/React/index.html | 11 ++------
 apps/demos/Demos/Charts/Line/Vue/index.html   | 14 ++--------
 .../LoadDataOnDemand/Angular/index.html       | 15 +++--------
 .../Charts/LoadDataOnDemand/React/index.html  | 11 ++------
 .../Charts/LoadDataOnDemand/Vue/index.html    | 14 ++--------
 .../Charts/LogarithmicAxis/Angular/index.html | 15 +++--------
 .../Charts/LogarithmicAxis/React/index.html   | 11 ++------
 .../Charts/LogarithmicAxis/Vue/index.html     | 14 ++--------
 .../Angular/index.html                        | 15 +++--------
 .../LogarithmicVsLinearAxes/React/index.html  | 13 +++-------
 .../LogarithmicVsLinearAxes/Vue/index.html    | 16 +++---------
 .../Charts/MultipleAxes/Angular/index.html    | 15 +++--------
 .../Charts/MultipleAxes/React/index.html      | 11 ++------
 .../Demos/Charts/MultipleAxes/Vue/index.html  | 14 ++--------
 .../Charts/MultiplePanes/Angular/index.html   | 15 +++--------
 .../Charts/MultiplePanes/React/index.html     | 11 ++------
 .../Demos/Charts/MultiplePanes/Vue/index.html | 14 ++--------
 .../MultiplePointSelection/Angular/index.html | 15 +++--------
 .../MultiplePointSelection/React/index.html   | 11 ++------
 .../MultiplePointSelection/Vue/index.html     | 14 ++--------
 .../Angular/index.html                        | 15 +++--------
 .../MultipleSeriesSelection/React/index.html  | 11 ++------
 .../MultipleSeriesSelection/Vue/index.html    | 14 ++--------
 .../NullPointSupport/Angular/index.html       | 15 +++--------
 .../Charts/NullPointSupport/React/index.html  | 11 ++------
 .../Charts/NullPointSupport/Vue/index.html    | 14 ++--------
 .../Demos/Charts/Overview/Angular/index.html  | 15 +++--------
 .../Demos/Charts/Overview/React/index.html    | 11 ++------
 .../Demos/Charts/Overview/Vue/index.html      | 14 ++--------
 .../Demos/Charts/Palette/Angular/index.html   | 15 +++--------
 .../Demos/Charts/Palette/React/index.html     | 11 ++------
 .../demos/Demos/Charts/Palette/Vue/index.html | 14 ++--------
 .../Charts/ParetoChart/Angular/index.html     | 15 +++--------
 .../Demos/Charts/ParetoChart/React/index.html | 11 ++------
 .../Demos/Charts/ParetoChart/Vue/index.html   | 14 ++--------
 .../Charts/PeriodicData/Angular/index.html    | 15 +++--------
 .../Charts/PeriodicData/React/index.html      | 11 ++------
 .../Demos/Charts/PeriodicData/Vue/index.html  | 14 ++--------
 .../demos/Demos/Charts/Pie/Angular/index.html | 15 +++--------
 apps/demos/Demos/Charts/Pie/React/index.html  | 11 ++------
 apps/demos/Demos/Charts/Pie/Vue/index.html    | 14 ++--------
 .../Charts/PieAnnotations/Angular/index.html  | 15 +++--------
 .../Charts/PieAnnotations/React/index.html    | 11 ++------
 .../Charts/PieAnnotations/Vue/index.html      | 14 ++--------
 .../PieResolveLabelOverlap/Angular/index.html | 15 +++--------
 .../PieResolveLabelOverlap/React/index.html   | 11 ++------
 .../PieResolveLabelOverlap/Vue/index.html     | 14 ++--------
 .../PieWithMultipleSeries/Angular/index.html  | 15 +++--------
 .../PieWithMultipleSeries/React/index.html    | 11 ++------
 .../PieWithMultipleSeries/Vue/index.html      | 14 ++--------
 .../Charts/PointImage/Angular/index.html      | 15 +++--------
 .../Demos/Charts/PointImage/React/index.html  | 11 ++------
 .../Demos/Charts/PointImage/Vue/index.html    | 14 ++--------
 .../PointSelectionAPI/Angular/index.html      | 15 +++--------
 .../Charts/PointSelectionAPI/React/index.html | 11 ++------
 .../Charts/PointSelectionAPI/Vue/index.html   | 14 ++--------
 .../PointsAggregation/Angular/index.html      | 15 +++--------
 .../Charts/PointsAggregation/React/index.html | 11 ++------
 .../Charts/PointsAggregation/Vue/index.html   | 14 ++--------
 .../Angular/index.html                        | 15 +++--------
 .../React/index.html                          | 11 ++------
 .../Vue/index.html                            | 14 ++--------
 .../PolarChartAnnotations/Angular/index.html  | 15 +++--------
 .../PolarChartAnnotations/React/index.html    | 11 ++------
 .../PolarChartAnnotations/Vue/index.html      | 14 ++--------
 .../Angular/index.html                        | 15 +++--------
 .../React/index.html                          | 11 ++------
 .../Vue/index.html                            | 14 ++--------
 .../Charts/PyramidChart/Angular/index.html    | 15 +++--------
 .../Charts/PyramidChart/React/index.html      | 11 ++------
 .../Demos/Charts/PyramidChart/Vue/index.html  | 14 ++--------
 .../Demos/Charts/RangeArea/Angular/index.html | 15 +++--------
 .../Demos/Charts/RangeArea/React/index.html   | 11 ++------
 .../Demos/Charts/RangeArea/Vue/index.html     | 14 ++--------
 .../Demos/Charts/RangeBar/Angular/index.html  | 15 +++--------
 .../Demos/Charts/RangeBar/React/index.html    | 11 ++------
 .../Demos/Charts/RangeBar/Vue/index.html      | 14 ++--------
 .../ResolveLabelOverlap/Angular/index.html    | 15 +++--------
 .../ResolveLabelOverlap/React/index.html      | 11 ++------
 .../Charts/ResolveLabelOverlap/Vue/index.html | 14 ++--------
 .../Charts/SankeyChart/Angular/index.html     | 15 +++--------
 .../Demos/Charts/SankeyChart/React/index.html | 11 ++------
 .../Demos/Charts/SankeyChart/Vue/index.html   | 14 ++--------
 .../Charts/ScaleBreaks/Angular/index.html     | 15 +++--------
 .../Demos/Charts/ScaleBreaks/React/index.html | 11 ++------
 .../Demos/Charts/ScaleBreaks/Vue/index.html   | 14 ++--------
 .../Demos/Charts/Scatter/Angular/index.html   | 15 +++--------
 .../Demos/Charts/Scatter/React/index.html     | 11 ++------
 .../demos/Demos/Charts/Scatter/Vue/index.html | 14 ++--------
 .../Demos/Charts/Selection/Angular/index.html | 15 +++--------
 .../Demos/Charts/Selection/React/index.html   | 11 ++------
 .../Demos/Charts/Selection/Vue/index.html     | 14 ++--------
 .../Angular/index.html                        | 15 +++--------
 .../ServerSideDataProcessing/React/index.html | 11 ++------
 .../ServerSideDataProcessing/Vue/index.html   | 14 ++--------
 .../Charts/SideBySideBar/Angular/index.html   | 15 +++--------
 .../Charts/SideBySideBar/React/index.html     | 11 ++------
 .../Demos/Charts/SideBySideBar/Vue/index.html | 14 ++--------
 .../Angular/index.html                        | 15 +++--------
 .../SideBySideFullStackedBar/React/index.html | 11 ++------
 .../SideBySideFullStackedBar/Vue/index.html   | 14 ++--------
 .../SideBySideStackedBar/Angular/index.html   | 15 +++--------
 .../SideBySideStackedBar/React/index.html     | 11 ++------
 .../SideBySideStackedBar/Vue/index.html       | 14 ++--------
 .../Charts/SignalRService/Angular/index.html  | 15 +++--------
 .../Charts/SignalRService/React/index.html    | 11 ++------
 .../Charts/SignalRService/Vue/index.html      | 19 ++------------
 .../Charts/SimpleArray/Angular/index.html     | 15 +++--------
 .../Demos/Charts/SimpleArray/React/index.html | 11 ++------
 .../Demos/Charts/SimpleArray/Vue/index.html   | 14 ++--------
 .../Charts/SimpleBullets/Angular/index.html   | 15 +++--------
 .../Charts/SimpleBullets/React/index.html     | 11 ++------
 .../Demos/Charts/SimpleBullets/Vue/index.html | 14 ++--------
 .../SimpleSparklines/Angular/index.html       | 15 +++--------
 .../Charts/SimpleSparklines/React/index.html  | 11 ++------
 .../Charts/SimpleSparklines/Vue/index.html    | 14 ++--------
 .../SmallValueGroups/Angular/index.html       | 15 +++--------
 .../Charts/SmallValueGroups/React/index.html  | 11 ++------
 .../Charts/SmallValueGroups/Vue/index.html    | 14 ++--------
 .../Demos/Charts/SpiderWeb/Angular/index.html | 16 +++---------
 .../Demos/Charts/SpiderWeb/React/index.html   | 12 ++-------
 .../Demos/Charts/SpiderWeb/Vue/index.html     | 15 ++---------
 .../Demos/Charts/Spline/Angular/index.html    | 15 +++--------
 .../Demos/Charts/Spline/React/index.html      | 11 ++------
 apps/demos/Demos/Charts/Spline/Vue/index.html | 14 ++--------
 .../Charts/SplineArea/Angular/index.html      | 15 +++--------
 .../Demos/Charts/SplineArea/React/index.html  | 11 ++------
 .../Demos/Charts/SplineArea/Vue/index.html    | 14 ++--------
 .../Charts/StackedBar/Angular/index.html      | 15 +++--------
 .../Demos/Charts/StackedBar/React/index.html  | 11 ++------
 .../Demos/Charts/StackedBar/Vue/index.html    | 14 ++--------
 .../Charts/StandardBar/Angular/index.html     | 15 +++--------
 .../Demos/Charts/StandardBar/React/index.html | 11 ++------
 .../Demos/Charts/StandardBar/Vue/index.html   | 14 ++--------
 .../Demos/Charts/StepArea/Angular/index.html  | 15 +++--------
 .../Demos/Charts/StepArea/React/index.html    | 11 ++------
 .../Demos/Charts/StepArea/Vue/index.html      | 14 ++--------
 .../Demos/Charts/StepLine/Angular/index.html  | 15 +++--------
 .../Demos/Charts/StepLine/React/index.html    | 11 ++------
 .../Demos/Charts/StepLine/Vue/index.html      | 14 ++--------
 .../Demos/Charts/Stock/Angular/index.html     | 15 +++--------
 .../demos/Demos/Charts/Stock/React/index.html | 11 ++------
 apps/demos/Demos/Charts/Stock/Vue/index.html  | 14 ++--------
 .../Demos/Charts/Strips/Angular/index.html    | 15 +++--------
 .../Demos/Charts/Strips/React/index.html      | 11 ++------
 apps/demos/Demos/Charts/Strips/Vue/index.html | 14 ++--------
 .../TilingAlgorithms/Angular/index.html       | 15 +++--------
 .../Charts/TilingAlgorithms/React/index.html  | 13 +++-------
 .../Charts/TilingAlgorithms/Vue/index.html    | 16 +++---------
 .../Demos/Charts/Timeline/Angular/index.html  | 15 +++--------
 .../Demos/Charts/Timeline/React/index.html    | 11 ++------
 .../Demos/Charts/Timeline/Vue/index.html      | 14 ++--------
 .../Charts/TooltipAPI/Angular/index.html      | 15 +++--------
 .../Demos/Charts/TooltipAPI/React/index.html  | 11 ++------
 .../Demos/Charts/TooltipAPI/Vue/index.html    | 14 ++--------
 .../TooltipCustomization/Angular/index.html   | 15 +++--------
 .../TooltipCustomization/React/index.html     | 11 ++------
 .../TooltipCustomization/Vue/index.html       | 14 ++--------
 .../Demos/Charts/WindRose/Angular/index.html  | 15 +++--------
 .../Demos/Charts/WindRose/React/index.html    | 11 ++------
 .../Demos/Charts/WindRose/Vue/index.html      | 14 ++--------
 .../WinlossSparklines/Angular/index.html      | 15 +++--------
 .../Charts/WinlossSparklines/React/index.html | 11 ++------
 .../Charts/WinlossSparklines/Vue/index.html   | 14 ++--------
 .../ZoomingAndScrolling/Angular/index.html    | 15 +++--------
 .../ZoomingAndScrolling/React/index.html      | 11 ++------
 .../Charts/ZoomingAndScrolling/Vue/index.html | 16 +++---------
 .../ZoomingAndScrollingAPI/Angular/index.html | 15 +++--------
 .../ZoomingAndScrollingAPI/React/index.html   |  9 +------
 .../ZoomingAndScrollingAPI/Vue/index.html     | 15 ++---------
 .../Angular/index.html                        | 15 +++--------
 .../AIAndChatbotIntegration/React/index.html  | 11 ++------
 .../AIAndChatbotIntegration/Vue/index.html    | 15 ++---------
 .../Chat/Customization/Angular/index.html     | 15 +++--------
 .../Demos/Chat/Customization/React/index.html | 11 ++------
 .../Demos/Chat/Customization/Vue/index.html   | 15 ++---------
 .../Chat/FileAttachments/Angular/index.html   | 15 +++--------
 .../Chat/FileAttachments/React/index.html     | 11 ++------
 .../Demos/Chat/FileAttachments/Vue/index.html | 15 ++---------
 .../Chat/MessageEditing/Angular/index.html    | 15 +++--------
 .../Chat/MessageEditing/React/index.html      | 11 ++------
 .../Demos/Chat/MessageEditing/Vue/index.html  | 15 ++---------
 .../Chat/MessageStreaming/Angular/index.html  | 15 +++--------
 .../Chat/MessageStreaming/React/index.html    | 11 ++------
 .../Chat/MessageStreaming/Vue/index.html      | 15 ++---------
 .../Demos/Chat/Overview/Angular/index.html    | 15 +++--------
 .../Demos/Chat/Overview/React/index.html      | 11 ++------
 apps/demos/Demos/Chat/Overview/Vue/index.html | 15 ++---------
 .../Chat/PromptSuggestions/Angular/index.html | 15 +++--------
 .../Chat/PromptSuggestions/React/index.html   | 11 ++------
 .../Chat/PromptSuggestions/Vue/index.html     | 15 ++---------
 .../CheckBox/Overview/Angular/index.html      | 15 +++--------
 .../Demos/CheckBox/Overview/React/index.html  | 10 +------
 .../Demos/CheckBox/Overview/Vue/index.html    | 15 +----------
 .../ColorBox/Overview/Angular/index.html      | 15 +++--------
 .../Demos/ColorBox/Overview/React/index.html  | 11 ++------
 .../Demos/ColorBox/Overview/Vue/index.html    | 15 ++---------
 .../Angular/index.html                        | 15 +++--------
 .../CustomTextEditorButtons/React/index.html  | 11 ++------
 .../CustomTextEditorButtons/Vue/index.html    | 15 ++---------
 .../Angular/index.html                        | 15 +++--------
 .../EditorAppearanceVariants/React/index.html | 11 ++------
 .../EditorAppearanceVariants/Vue/index.html   | 15 ++---------
 .../Common/EditorsOverview/Angular/index.html | 15 +++--------
 .../Common/EditorsOverview/React/index.html   | 11 ++------
 .../Common/EditorsOverview/Vue/index.html     | 20 ++------------
 .../Angular/index.html                        | 15 +++--------
 .../React/index.html                          | 11 ++------
 .../EditorsRightToLeftSupport/Vue/index.html  | 15 ++---------
 .../Common/FormsOverview/Angular/index.html   | 15 +++--------
 .../Common/FormsOverview/React/index.html     | 11 ++------
 .../Demos/Common/FormsOverview/Vue/index.html | 14 ++--------
 .../Common/ListsOverview/Angular/index.html   | 15 +++--------
 .../Common/ListsOverview/React/index.html     | 11 ++------
 .../Demos/Common/ListsOverview/Vue/index.html | 14 ++--------
 .../NavigationOverview/Angular/index.html     | 15 +++--------
 .../NavigationOverview/React/index.html       | 11 ++------
 .../Common/NavigationOverview/Vue/index.html  | 14 ++--------
 .../Angular/index.html                        | 15 +++--------
 .../React/index.html                          | 11 ++------
 .../Vue/index.html                            | 14 ++--------
 .../Angular/index.html                        | 15 +++--------
 .../React/index.html                          | 11 ++------
 .../Vue/index.html                            | 14 ++--------
 .../ContextMenu/Basics/Angular/index.html     | 15 +++--------
 .../Demos/ContextMenu/Basics/React/index.html | 11 ++------
 .../Demos/ContextMenu/Basics/Vue/index.html   | 14 ++--------
 .../ContextMenu/Scrolling/Angular/index.html  | 15 +++--------
 .../ContextMenu/Scrolling/React/index.html    | 11 ++------
 .../ContextMenu/Scrolling/Vue/index.html      | 14 ++--------
 .../ContextMenu/Templates/Angular/index.html  | 15 +++--------
 .../ContextMenu/Templates/React/index.html    | 11 ++------
 .../ContextMenu/Templates/Vue/index.html      | 14 ++--------
 .../DataGrid/AIAssistant/Angular/index.html   | 15 +++--------
 .../DataGrid/AIAssistant/React/index.html     | 11 ++------
 .../Demos/DataGrid/AIAssistant/Vue/index.html | 15 ++---------
 .../DataGrid/AIColumns/Angular/index.html     | 17 +++---------
 .../Demos/DataGrid/AIColumns/React/index.html | 11 ++------
 .../Demos/DataGrid/AIColumns/Vue/index.html   | 17 +++---------
 .../Angular/index.html                        | 15 +++--------
 .../AdvancedMasterDetailView/React/index.html | 11 ++------
 .../AdvancedMasterDetailView/Vue/index.html   | 16 ++----------
 .../DataGrid/AjaxRequest/Angular/index.html   | 15 +++--------
 .../DataGrid/AjaxRequest/React/index.html     |  9 +------
 .../Demos/DataGrid/AjaxRequest/Vue/index.html | 14 +---------
 .../DataGrid/Appearance/Angular/index.html    | 15 +++--------
 .../DataGrid/Appearance/React/index.html      | 11 ++------
 .../Demos/DataGrid/Appearance/Vue/index.html  | 15 ++---------
 .../AutoPopulatedColumns/Angular/index.html   | 15 +++--------
 .../AutoPopulatedColumns/React/index.html     | 11 ++------
 .../AutoPopulatedColumns/Vue/index.html       | 15 ++---------
 .../DataGrid/BatchEditing/Angular/index.html  | 15 +++--------
 .../DataGrid/BatchEditing/React/index.html    | 11 ++------
 .../DataGrid/BatchEditing/Vue/index.html      | 15 ++---------
 .../BatchUpdateRequest/Angular/index.html     | 15 +++--------
 .../BatchUpdateRequest/React/index.html       | 11 ++------
 .../BatchUpdateRequest/Vue/index.html         | 15 ++---------
 .../CascadingLookups/Angular/index.html       | 15 +++--------
 .../CascadingLookups/React/index.html         | 11 ++------
 .../DataGrid/CascadingLookups/Vue/index.html  | 15 ++---------
 .../Demos/DataGrid/Cell/Angular/index.html    | 15 +++--------
 .../Demos/DataGrid/Cell/React/index.html      | 11 ++------
 apps/demos/Demos/DataGrid/Cell/Vue/index.html | 15 ++---------
 .../DataGrid/CellEditing/Angular/index.html   | 15 +++--------
 .../DataGrid/CellEditing/React/index.html     | 11 ++------
 .../Demos/DataGrid/CellEditing/Vue/index.html | 15 ++---------
 .../CollaborativeEditing/Angular/index.html   | 15 +++--------
 .../CollaborativeEditing/React/index.html     | 11 ++------
 .../CollaborativeEditing/Vue/index.html       | 15 ++---------
 .../Demos/DataGrid/Column/Angular/index.html  | 15 +++--------
 .../Demos/DataGrid/Column/React/index.html    | 11 ++------
 .../Demos/DataGrid/Column/Vue/index.html      | 15 ++---------
 .../DataGrid/ColumnChooser/Angular/index.html | 15 +++--------
 .../DataGrid/ColumnChooser/React/index.html   | 11 ++------
 .../DataGrid/ColumnChooser/Vue/index.html     | 15 ++---------
 .../ColumnHeaderFilter/Angular/index.html     | 15 +++--------
 .../ColumnHeaderFilter/React/index.html       | 11 ++------
 .../ColumnHeaderFilter/Vue/index.html         | 15 ++---------
 .../ColumnReordering/Angular/index.html       | 15 +++--------
 .../ColumnReordering/React/index.html         | 11 ++------
 .../DataGrid/ColumnReordering/Vue/index.html  | 15 ++---------
 .../ColumnResizing/Angular/index.html         | 15 +++--------
 .../DataGrid/ColumnResizing/React/index.html  | 11 ++------
 .../DataGrid/ColumnResizing/Vue/index.html    | 15 ++---------
 .../ColumnsHidingPriority/Angular/index.html  | 15 +++--------
 .../ColumnsHidingPriority/React/index.html    | 11 ++------
 .../ColumnsHidingPriority/Vue/index.html      | 15 ++---------
 .../Angular/index.html                        | 15 +++--------
 .../React/index.html                          |  9 +------
 .../CommandColumnConfiguration/Vue/index.html | 14 +---------
 .../CustomDataSource/Angular/index.html       | 15 +++--------
 .../CustomDataSource/React/index.html         |  9 +------
 .../DataGrid/CustomDataSource/Vue/index.html  | 14 +---------
 .../DataGrid/CustomEditors/Angular/index.html | 15 +++--------
 .../DataGrid/CustomEditors/React/index.html   | 11 ++------
 .../DataGrid/CustomEditors/Vue/index.html     | 15 ++---------
 .../CustomSummaries/Angular/index.html        | 15 +++--------
 .../DataGrid/CustomSummaries/React/index.html | 11 ++------
 .../DataGrid/CustomSummaries/Vue/index.html   | 15 ++---------
 .../Angular/index.html                        | 16 +++---------
 .../React/index.html                          | 11 ++------
 .../Vue/index.html                            | 16 ++----------
 .../DataValidation/Angular/index.html         | 15 +++--------
 .../DataGrid/DataValidation/React/index.html  |  9 +------
 .../DataGrid/DataValidation/Vue/index.html    | 14 +---------
 .../DeferredSelection/Angular/index.html      | 15 +++--------
 .../DeferredSelection/React/index.html        | 11 ++------
 .../DataGrid/DeferredSelection/Vue/index.html | 15 ++---------
 .../DnDBetweenGrids/Angular/index.html        | 15 +++--------
 .../DataGrid/DnDBetweenGrids/React/index.html | 11 ++------
 .../DataGrid/DnDBetweenGrids/Vue/index.html   | 15 ++---------
 .../EditStateManagement/Angular/index.html    | 15 +++--------
 .../EditStateManagement/React/index.html      | 11 ++------
 .../EditStateManagement/Vue/index.html        | 15 ++---------
 .../Angular/index.html                        | 15 +++--------
 .../ExcelJSCellCustomization/React/index.html | 11 ++------
 .../ExcelJSCellCustomization/Vue/index.html   | 15 ++---------
 .../ExcelJSExportImages/Angular/index.html    | 15 +++--------
 .../ExcelJSExportImages/React/index.html      | 11 ++------
 .../ExcelJSExportImages/Vue/index.html        | 15 ++---------
 .../Angular/index.html                        | 15 +++--------
 .../React/index.html                          | 11 ++------
 .../ExcelJSExportMultipleGrids/Vue/index.html | 15 ++---------
 .../ExcelJSHeaderAndFooter/Angular/index.html | 15 +++--------
 .../ExcelJSHeaderAndFooter/React/index.html   | 11 ++------
 .../ExcelJSHeaderAndFooter/Vue/index.html     | 16 ++----------
 .../ExcelJSOverview/Angular/index.html        | 15 +++--------
 .../DataGrid/ExcelJSOverview/React/index.html | 11 ++------
 .../DataGrid/ExcelJSOverview/Vue/index.html   | 15 ++---------
 .../DataGrid/FilterPanel/Angular/index.html   | 16 +++---------
 .../DataGrid/FilterPanel/React/index.html     | 11 ++------
 .../Demos/DataGrid/FilterPanel/Vue/index.html | 15 ++---------
 .../DataGrid/Filtering/Angular/index.html     | 16 +++---------
 .../Demos/DataGrid/Filtering/React/index.html | 11 ++------
 .../Demos/DataGrid/Filtering/Vue/index.html   | 15 ++---------
 .../DataGrid/FilteringAPI/Angular/index.html  | 16 +++---------
 .../DataGrid/FilteringAPI/React/index.html    | 11 ++------
 .../DataGrid/FilteringAPI/Vue/index.html      | 15 ++---------
 .../FixedAndStickyColumns/Angular/index.html  | 15 +++--------
 .../FixedAndStickyColumns/React/index.html    | 11 ++------
 .../FixedAndStickyColumns/Vue/index.html      | 15 ++---------
 .../DataGrid/FocusedRow/Angular/index.html    | 15 +++--------
 .../DataGrid/FocusedRow/React/index.html      | 11 ++------
 .../Demos/DataGrid/FocusedRow/Vue/index.html  | 16 ++----------
 .../DataGrid/FormEditing/Angular/index.html   | 15 +++--------
 .../DataGrid/FormEditing/React/index.html     | 11 ++------
 .../Demos/DataGrid/FormEditing/Vue/index.html | 15 ++---------
 .../Angular/index.html                        | 15 +++--------
 .../GridAdaptabilityOverview/React/index.html | 11 ++------
 .../GridAdaptabilityOverview/Vue/index.html   | 15 ++---------
 .../DataGrid/GridSummaries/Angular/index.html | 15 +++--------
 .../DataGrid/GridSummaries/React/index.html   | 11 ++------
 .../DataGrid/GridSummaries/Vue/index.html     | 15 ++---------
 .../GroupSummaries/Angular/index.html         | 15 +++--------
 .../DataGrid/GroupSummaries/React/index.html  | 11 ++------
 .../DataGrid/GroupSummaries/Vue/index.html    | 15 ++---------
 .../Angular/index.html                        | 15 +++--------
 .../React/index.html                          |  9 +------
 .../HorizontalVirtualScrolling/Vue/index.html | 15 ++---------
 .../InfiniteScrolling/Angular/index.html      | 15 +++--------
 .../InfiniteScrolling/React/index.html        |  9 +------
 .../DataGrid/InfiniteScrolling/Vue/index.html | 15 ++---------
 .../KeyboardNavigation/Angular/index.html     | 15 +++--------
 .../KeyboardNavigation/React/index.html       |  9 +------
 .../KeyboardNavigation/Vue/index.html         | 14 +---------
 .../LocalReordering/Angular/index.html        | 15 +++--------
 .../DataGrid/LocalReordering/React/index.html | 11 ++------
 .../DataGrid/LocalReordering/Vue/index.html   | 15 ++---------
 .../MasterDetailAPI/Angular/index.html        | 15 +++--------
 .../DataGrid/MasterDetailAPI/React/index.html | 11 ++------
 .../DataGrid/MasterDetailAPI/Vue/index.html   | 15 ++---------
 .../MasterDetailView/Angular/index.html       | 15 +++--------
 .../MasterDetailView/React/index.html         | 11 ++------
 .../DataGrid/MasterDetailView/Vue/index.html  | 15 ++---------
 .../MultiRowHeadersBands/Angular/index.html   | 15 +++--------
 .../MultiRowHeadersBands/React/index.html     | 11 ++------
 .../MultiRowHeadersBands/Vue/index.html       | 16 ++----------
 .../Angular/index.html                        | 15 +++--------
 .../React/index.html                          | 11 ++------
 .../MultipleRecordSelectionAPI/Vue/index.html | 15 ++---------
 .../Angular/index.html                        | 15 +++--------
 .../React/index.html                          | 11 ++------
 .../Vue/index.html                            | 15 ++---------
 .../MultipleSorting/Angular/index.html        | 16 +++---------
 .../DataGrid/MultipleSorting/React/index.html | 11 ++------
 .../DataGrid/MultipleSorting/Vue/index.html   | 15 ++---------
 .../NewRecordPosition/Angular/index.html      | 15 +++--------
 .../NewRecordPosition/React/index.html        | 11 ++------
 .../DataGrid/NewRecordPosition/Vue/index.html | 15 ++---------
 .../DataGrid/Overview/Angular/index.html      | 15 +++--------
 .../Demos/DataGrid/Overview/React/index.html  | 11 ++------
 .../Demos/DataGrid/Overview/Vue/index.html    | 15 ++---------
 .../PDFCellCustomization/Angular/index.html   | 15 +++--------
 .../PDFCellCustomization/React/index.html     | 11 ++------
 .../PDFCellCustomization/Vue/index.html       | 15 ++---------
 .../PDFExportImages/Angular/index.html        | 15 +++--------
 .../DataGrid/PDFExportImages/React/index.html | 11 ++------
 .../DataGrid/PDFExportImages/Vue/index.html   | 15 ++---------
 .../PDFExportMultipleGrids/Angular/index.html | 15 +++--------
 .../PDFExportMultipleGrids/React/index.html   | 11 ++------
 .../PDFExportMultipleGrids/Vue/index.html     | 15 ++---------
 .../PDFHeaderAndFooter/Angular/index.html     | 15 +++--------
 .../PDFHeaderAndFooter/React/index.html       | 11 ++------
 .../PDFHeaderAndFooter/Vue/index.html         | 16 ++----------
 .../DataGrid/PDFOverview/Angular/index.html   | 15 +++--------
 .../DataGrid/PDFOverview/React/index.html     |  9 +------
 .../Demos/DataGrid/PDFOverview/Vue/index.html | 14 +---------
 .../DataGrid/PopupEditing/Angular/index.html  | 15 +++--------
 .../DataGrid/PopupEditing/React/index.html    | 11 ++------
 .../DataGrid/PopupEditing/Vue/index.html      | 15 ++---------
 .../RealTimeUpdates/Angular/index.html        | 15 +++--------
 .../DataGrid/RealTimeUpdates/React/index.html | 11 ++------
 .../DataGrid/RealTimeUpdates/Vue/index.html   | 15 ++---------
 .../Angular/index.html                        | 15 +++--------
 .../RecalculateWhileEditing/React/index.html  | 11 ++------
 .../RecalculateWhileEditing/Vue/index.html    | 15 ++---------
 .../RecordGrouping/Angular/index.html         | 15 +++--------
 .../DataGrid/RecordGrouping/React/index.html  | 11 ++------
 .../DataGrid/RecordGrouping/Vue/index.html    | 15 ++---------
 .../DataGrid/RecordPaging/Angular/index.html  | 15 +++--------
 .../DataGrid/RecordPaging/React/index.html    | 11 ++------
 .../DataGrid/RecordPaging/Vue/index.html      | 16 ++----------
 .../RemoteCRUDOperations/Angular/index.html   | 15 +++--------
 .../RemoteCRUDOperations/React/index.html     | 11 ++------
 .../RemoteCRUDOperations/Vue/index.html       | 15 ++---------
 .../RemoteGrouping/Angular/index.html         | 15 +++--------
 .../DataGrid/RemoteGrouping/React/index.html  |  9 +------
 .../DataGrid/RemoteGrouping/Vue/index.html    | 15 ++---------
 .../RemoteReordering/Angular/index.html       | 15 +++--------
 .../RemoteReordering/React/index.html         | 11 ++------
 .../DataGrid/RemoteReordering/Vue/index.html  | 14 +---------
 .../RemoteVirtualScrolling/Angular/index.html | 15 +++--------
 .../RemoteVirtualScrolling/React/index.html   | 11 ++------
 .../RemoteVirtualScrolling/Vue/index.html     | 15 ++---------
 .../RightToLeftSupport/Angular/index.html     | 15 +++--------
 .../RightToLeftSupport/React/index.html       | 11 ++------
 .../RightToLeftSupport/Vue/index.html         | 15 ++---------
 .../Demos/DataGrid/Row/Angular/index.html     | 15 +++--------
 .../demos/Demos/DataGrid/Row/React/index.html | 11 ++------
 apps/demos/Demos/DataGrid/Row/Vue/index.html  | 15 ++---------
 .../DataGrid/RowEditing/Angular/index.html    | 15 +++--------
 .../DataGrid/RowEditing/React/index.html      | 11 ++------
 .../Demos/DataGrid/RowEditing/Vue/index.html  | 15 ++---------
 .../DataGrid/RowSelection/Angular/index.html  | 15 +++--------
 .../DataGrid/RowSelection/React/index.html    | 11 ++------
 .../DataGrid/RowSelection/Vue/index.html      | 15 ++---------
 .../SemanticSearch/Angular/index.html         | 15 +++--------
 .../DataGrid/SemanticSearch/React/index.html  |  9 +------
 .../DataGrid/SemanticSearch/Vue/index.html    | 15 +----------
 .../SignalRService/Angular/index.html         | 15 +++--------
 .../DataGrid/SignalRService/React/index.html  | 11 ++------
 .../DataGrid/SignalRService/Vue/index.html    | 15 ++---------
 .../DataGrid/SimpleArray/Angular/index.html   | 15 +++--------
 .../DataGrid/SimpleArray/React/index.html     |  9 +------
 .../Demos/DataGrid/SimpleArray/Vue/index.html | 14 +---------
 .../StatePersistence/Angular/index.html       | 15 +++--------
 .../StatePersistence/React/index.html         | 11 ++------
 .../DataGrid/StatePersistence/Vue/index.html  | 15 ++---------
 .../Demos/DataGrid/Toolbar/Angular/index.html | 15 +++--------
 .../Demos/DataGrid/Toolbar/React/index.html   | 11 ++------
 .../Demos/DataGrid/Toolbar/Vue/index.html     | 15 ++---------
 .../VirtualScrolling/Angular/index.html       | 15 +++--------
 .../VirtualScrolling/React/index.html         |  9 +------
 .../DataGrid/VirtualScrolling/Vue/index.html  | 15 ++---------
 .../DataGrid/WebAPIService/Angular/index.html | 15 +++--------
 .../DataGrid/WebAPIService/React/index.html   |  9 +------
 .../DataGrid/WebAPIService/Vue/index.html     | 14 +---------
 .../DateBox/Formatting/Angular/index.html     | 15 +++--------
 .../Demos/DateBox/Formatting/React/index.html | 11 ++------
 .../Demos/DateBox/Formatting/Vue/index.html   | 15 ++---------
 .../Demos/DateBox/Overview/Angular/index.html | 15 +++--------
 .../Demos/DateBox/Overview/React/index.html   | 11 ++------
 .../Demos/DateBox/Overview/Vue/index.html     | 15 ++---------
 .../Formatting/Angular/index.html             | 15 +++--------
 .../DateRangeBox/Formatting/React/index.html  | 11 ++------
 .../DateRangeBox/Formatting/Vue/index.html    | 15 ++---------
 .../DateRangeBox/Overview/Angular/index.html  | 15 +++--------
 .../DateRangeBox/Overview/React/index.html    | 12 ++-------
 .../DateRangeBox/Overview/Vue/index.html      | 15 ++---------
 .../Diagram/Adaptability/Angular/index.html   | 16 +++---------
 .../Diagram/Adaptability/React/index.html     | 12 ++-------
 .../Demos/Diagram/Adaptability/Vue/index.html | 16 ++----------
 .../AdvancedDataBinding/Angular/index.html    | 16 +++---------
 .../AdvancedDataBinding/React/index.html      | 12 ++-------
 .../AdvancedDataBinding/Vue/index.html        | 16 ++----------
 .../Diagram/Containers/Angular/index.html     | 16 +++---------
 .../Demos/Diagram/Containers/React/index.html | 12 ++-------
 .../Demos/Diagram/Containers/Vue/index.html   | 16 ++----------
 .../CustomShapesWithIcons/Angular/index.html  | 16 +++---------
 .../CustomShapesWithIcons/React/index.html    | 12 ++-------
 .../CustomShapesWithIcons/Vue/index.html      | 16 ++----------
 .../Angular/index.html                        | 16 +++---------
 .../React/index.html                          | 12 ++-------
 .../CustomShapesWithTemplates/Vue/index.html  | 16 ++----------
 .../Angular/index.html                        | 16 +++---------
 .../React/index.html                          | 12 ++-------
 .../Vue/index.html                            | 16 ++----------
 .../CustomShapesWithTexts/Angular/index.html  | 16 +++---------
 .../CustomShapesWithTexts/React/index.html    | 12 ++-------
 .../CustomShapesWithTexts/Vue/index.html      | 16 ++----------
 .../Diagram/ImagesInShapes/Angular/index.html | 16 +++---------
 .../Diagram/ImagesInShapes/React/index.html   | 12 ++-------
 .../Diagram/ImagesInShapes/Vue/index.html     | 16 ++----------
 .../Diagram/ItemSelection/Angular/index.html  | 16 +++---------
 .../Diagram/ItemSelection/React/index.html    | 12 ++-------
 .../Diagram/ItemSelection/Vue/index.html      | 16 ++----------
 .../NodesAndEdgesArrays/Angular/index.html    | 16 +++---------
 .../NodesAndEdgesArrays/React/index.html      | 12 ++-------
 .../NodesAndEdgesArrays/Vue/index.html        | 16 ++----------
 .../Angular/index.html                        | 16 +++---------
 .../React/index.html                          | 12 ++-------
 .../Vue/index.html                            | 16 ++----------
 .../Angular/index.html                        | 16 +++---------
 .../NodesArrayPlainStructure/React/index.html | 12 ++-------
 .../NodesArrayPlainStructure/Vue/index.html   | 16 ++----------
 .../OperationRestrictions/Angular/index.html  | 16 +++---------
 .../OperationRestrictions/React/index.html    | 12 ++-------
 .../OperationRestrictions/Vue/index.html      | 16 ++----------
 .../Demos/Diagram/Overview/Angular/index.html | 16 +++---------
 .../Demos/Diagram/Overview/React/index.html   | 12 ++-------
 .../Demos/Diagram/Overview/Vue/index.html     | 16 ++----------
 .../Demos/Diagram/ReadOnly/Angular/index.html | 16 +++---------
 .../Demos/Diagram/ReadOnly/React/index.html   | 12 ++-------
 .../Demos/Diagram/ReadOnly/Vue/index.html     | 16 ++----------
 .../Diagram/SimpleView/Angular/index.html     | 16 +++---------
 .../Demos/Diagram/SimpleView/React/index.html | 12 ++-------
 .../Demos/Diagram/SimpleView/Vue/index.html   | 16 ++----------
 .../UICustomization/Angular/index.html        | 16 +++---------
 .../Diagram/UICustomization/React/index.html  | 12 ++-------
 .../Diagram/UICustomization/Vue/index.html    | 16 ++----------
 .../Diagram/WebAPIService/Angular/index.html  | 16 +++---------
 .../Diagram/WebAPIService/React/index.html    | 12 ++-------
 .../Diagram/WebAPIService/Vue/index.html      | 16 ++----------
 .../LeftOrRightPosition/Angular/index.html    | 15 +++--------
 .../LeftOrRightPosition/React/index.html      | 12 ++-------
 .../Drawer/LeftOrRightPosition/Vue/index.html | 19 ++------------
 .../TopOrBottomPosition/Angular/index.html    | 15 +++--------
 .../TopOrBottomPosition/React/index.html      | 12 ++-------
 .../Drawer/TopOrBottomPosition/Vue/index.html | 19 ++------------
 .../MultipleSelection/Angular/index.html      | 15 +++--------
 .../MultipleSelection/React/index.html        | 11 ++------
 .../MultipleSelection/Vue/index.html          | 15 ++---------
 .../SingleSelection/Angular/index.html        | 15 +++--------
 .../SingleSelection/React/index.html          | 11 ++------
 .../SingleSelection/Vue/index.html            | 15 ++---------
 .../Overview/Angular/index.html               | 15 +++--------
 .../DropDownButton/Overview/React/index.html  | 11 ++------
 .../DropDownButton/Overview/Vue/index.html    | 14 ++--------
 .../FieldSet/Overview/Angular/index.html      | 15 +++--------
 .../Demos/FieldSet/Overview/React/index.html  | 11 ++------
 .../Demos/FieldSet/Overview/Vue/index.html    | 14 ++--------
 .../BindingToEF/Angular/index.html            | 16 +++---------
 .../FileManager/BindingToEF/React/index.html  | 10 +------
 .../FileManager/BindingToEF/Vue/index.html    | 14 +---------
 .../BindingToFileSystem/Angular/index.html    | 16 +++---------
 .../BindingToFileSystem/React/index.html      | 10 +------
 .../BindingToFileSystem/Vue/index.html        | 14 +---------
 .../Angular/index.html                        | 16 +++---------
 .../React/index.html                          | 10 +------
 .../Vue/index.html                            | 14 +---------
 .../CustomThumbnails/Angular/index.html       | 16 +++---------
 .../CustomThumbnails/React/index.html         | 10 +------
 .../CustomThumbnails/Vue/index.html           | 14 +---------
 .../FileManager/Overview/Angular/index.html   | 16 +++---------
 .../FileManager/Overview/React/index.html     | 12 ++-------
 .../Demos/FileManager/Overview/Vue/index.html | 15 ++---------
 .../UICustomization/Angular/index.html        | 15 +++--------
 .../UICustomization/React/index.html          |  9 +------
 .../UICustomization/Vue/index.html            | 13 +---------
 .../ChunkUpload/Angular/index.html            | 15 +++--------
 .../FileUploader/ChunkUpload/React/index.html | 11 ++------
 .../FileUploader/ChunkUpload/Vue/index.html   | 14 ++--------
 .../CustomDropzone/Angular/index.html         | 15 +++--------
 .../CustomDropzone/React/index.html           | 11 ++------
 .../CustomDropzone/Vue/index.html             | 14 ++--------
 .../FileSelection/Angular/index.html          | 15 +++--------
 .../FileSelection/React/index.html            | 11 ++------
 .../FileUploader/FileSelection/Vue/index.html | 14 ++--------
 .../FileUploading/Angular/index.html          | 15 +++--------
 .../FileUploading/React/index.html            | 11 ++------
 .../FileUploader/FileUploading/Vue/index.html | 14 ++--------
 .../Validation/Angular/index.html             | 15 +++--------
 .../FileUploader/Validation/React/index.html  | 11 ++------
 .../FileUploader/Validation/Vue/index.html    | 14 ++--------
 .../Customization/Angular/index.html          | 16 +++---------
 .../Customization/React/index.html            | 11 ++------
 .../Customization/Vue/index.html              | 14 ++--------
 .../WithDataGrid/Angular/index.html           | 16 +++---------
 .../WithDataGrid/React/index.html             | 11 ++------
 .../FilterBuilder/WithDataGrid/Vue/index.html | 14 ++--------
 .../FilterBuilder/WithList/Angular/index.html | 16 +++---------
 .../FilterBuilder/WithList/React/index.html   | 11 ++------
 .../FilterBuilder/WithList/Vue/index.html     | 14 ++--------
 .../Overview/Angular/index.html               | 15 +++--------
 .../Overview/React/index.html                 | 11 ++------
 .../Overview/Vue/index.html                   | 14 ++--------
 .../Form/Adaptability/Angular/index.html      | 15 +++--------
 .../Demos/Form/Adaptability/React/index.html  | 12 ++-------
 .../Demos/Form/Adaptability/Vue/index.html    | 15 ++---------
 .../Demos/Form/Grouping/Angular/index.html    | 15 +++--------
 .../Demos/Form/Grouping/React/index.html      | 12 ++-------
 apps/demos/Demos/Form/Grouping/Vue/index.html | 15 ++---------
 .../Form/ItemCustomization/Angular/index.html | 15 +++--------
 .../Form/ItemCustomization/React/index.html   | 12 ++-------
 .../Form/ItemCustomization/Vue/index.html     | 15 ++---------
 .../Demos/Form/Overview/Angular/index.html    | 15 +++--------
 .../Demos/Form/Overview/React/index.html      | 12 ++-------
 apps/demos/Demos/Form/Overview/Vue/index.html | 15 ++---------
 .../Demos/Form/SmartPaste/Angular/index.html  | 17 +++---------
 .../Demos/Form/SmartPaste/React/index.html    | 14 +++-------
 .../Demos/Form/SmartPaste/Vue/index.html      | 15 ++---------
 .../UpdateItemsDynamically/Angular/index.html | 15 +++--------
 .../UpdateItemsDynamically/React/index.html   | 12 ++-------
 .../UpdateItemsDynamically/Vue/index.html     | 15 ++---------
 .../Demos/Form/Validation/Angular/index.html  | 15 +++--------
 .../Demos/Form/Validation/React/index.html    | 12 ++-------
 .../Demos/Form/Validation/Vue/index.html      | 15 ++---------
 .../Gallery/ItemTemplate/Angular/index.html   | 15 +++--------
 .../Gallery/ItemTemplate/React/index.html     | 11 ++------
 .../Demos/Gallery/ItemTemplate/Vue/index.html | 15 ++---------
 .../Demos/Gallery/Overview/Angular/index.html | 15 +++--------
 .../Demos/Gallery/Overview/React/index.html   | 11 ++------
 .../Demos/Gallery/Overview/Vue/index.html     | 15 ++---------
 .../Demos/Gantt/Appearance/Angular/index.html | 16 +++---------
 .../Demos/Gantt/Appearance/React/index.html   | 12 ++-------
 .../Demos/Gantt/Appearance/Vue/index.html     | 15 ++---------
 .../Gantt/ContextMenu/Angular/index.html      | 16 +++---------
 .../Demos/Gantt/ContextMenu/React/index.html  | 12 ++-------
 .../Demos/Gantt/ContextMenu/Vue/index.html    | 15 ++---------
 .../Gantt/DataBinding/Angular/index.html      | 16 +++---------
 .../Demos/Gantt/DataBinding/React/index.html  | 12 ++-------
 .../Demos/Gantt/DataBinding/Vue/index.html    | 15 ++---------
 .../Gantt/ExportToPDF/Angular/index.html      | 16 +++---------
 .../Demos/Gantt/ExportToPDF/React/index.html  | 12 ++-------
 .../Demos/Gantt/ExportToPDF/Vue/index.html    | 15 ++---------
 .../Demos/Gantt/FilterRow/Angular/index.html  | 16 +++---------
 .../Demos/Gantt/FilterRow/React/index.html    | 12 ++-------
 .../Demos/Gantt/FilterRow/Vue/index.html      | 14 +---------
 .../Gantt/HeaderFilter/Angular/index.html     | 16 +++---------
 .../Demos/Gantt/HeaderFilter/React/index.html | 12 ++-------
 .../Demos/Gantt/HeaderFilter/Vue/index.html   | 14 +---------
 .../Demos/Gantt/Overview/Angular/index.html   | 16 +++---------
 .../Demos/Gantt/Overview/React/index.html     | 12 ++-------
 .../demos/Demos/Gantt/Overview/Vue/index.html | 15 ++---------
 .../Demos/Gantt/Sorting/Angular/index.html    | 16 +++---------
 .../Demos/Gantt/Sorting/React/index.html      | 12 ++-------
 apps/demos/Demos/Gantt/Sorting/Vue/index.html | 15 ++---------
 .../Demos/Gantt/StripLines/Angular/index.html | 16 +++---------
 .../Demos/Gantt/StripLines/React/index.html   | 12 ++-------
 .../Demos/Gantt/StripLines/Vue/index.html     | 15 ++---------
 .../Gantt/TaskTemplate/Angular/index.html     | 16 +++---------
 .../Demos/Gantt/TaskTemplate/React/index.html | 12 ++-------
 .../Demos/Gantt/TaskTemplate/Vue/index.html   | 15 ++---------
 .../Demos/Gantt/Toolbar/Angular/index.html    | 16 +++---------
 .../Demos/Gantt/Toolbar/React/index.html      | 12 ++-------
 apps/demos/Demos/Gantt/Toolbar/Vue/index.html | 15 ++---------
 .../Demos/Gantt/Validation/Angular/index.html | 16 +++---------
 .../Demos/Gantt/Validation/React/index.html   | 12 ++-------
 .../Demos/Gantt/Validation/Vue/index.html     | 15 ++---------
 .../AnglesCustomization/Angular/index.html    | 15 +++--------
 .../AnglesCustomization/React/index.html      | 13 +++-------
 .../Gauges/AnglesCustomization/Vue/index.html | 16 +++---------
 .../Demos/Gauges/BarGauge/Angular/index.html  | 15 +++--------
 .../Demos/Gauges/BarGauge/React/index.html    | 13 +++-------
 .../Demos/Gauges/BarGauge/Vue/index.html      | 16 +++---------
 .../Gauges/CircularGauge/Angular/index.html   | 15 +++--------
 .../Gauges/CircularGauge/React/index.html     | 13 +++-------
 .../Demos/Gauges/CircularGauge/Vue/index.html | 16 +++---------
 .../Gauges/CustomLayout/Angular/index.html    | 15 +++--------
 .../Gauges/CustomLayout/React/index.html      | 13 +++-------
 .../Demos/Gauges/CustomLayout/Vue/index.html  | 16 +++---------
 .../Angular/index.html                        | 15 +++--------
 .../CustomLayoutLinearGauge/React/index.html  | 13 +++-------
 .../CustomLayoutLinearGauge/Vue/index.html    | 16 +++---------
 .../Angular/index.html                        | 15 +++--------
 .../React/index.html                          | 11 ++------
 .../Vue/index.html                            | 14 ++--------
 .../Angular/index.html                        | 15 +++--------
 .../React/index.html                          | 13 +++-------
 .../Vue/index.html                            | 16 +++---------
 .../Angular/index.html                        | 15 +++--------
 .../React/index.html                          | 13 +++-------
 .../Vue/index.html                            | 16 +++---------
 .../Angular/index.html                        | 15 +++--------
 .../React/index.html                          | 13 +++-------
 .../Vue/index.html                            | 16 +++---------
 .../GaugeTitleCustomized/Angular/index.html   | 15 +++--------
 .../GaugeTitleCustomized/React/index.html     | 13 +++-------
 .../GaugeTitleCustomized/Vue/index.html       | 16 +++---------
 .../Gauges/GaugeTooltip/Angular/index.html    | 15 +++--------
 .../Gauges/GaugeTooltip/React/index.html      | 13 +++-------
 .../Demos/Gauges/GaugeTooltip/Vue/index.html  | 16 +++---------
 .../LabelsCustomization/Angular/index.html    | 15 +++--------
 .../LabelsCustomization/React/index.html      | 13 +++-------
 .../Gauges/LabelsCustomization/Vue/index.html | 16 +++---------
 .../Gauges/LinearGauge/Angular/index.html     | 15 +++--------
 .../Demos/Gauges/LinearGauge/React/index.html | 13 +++-------
 .../Demos/Gauges/LinearGauge/Vue/index.html   | 16 +++---------
 .../Demos/Gauges/Overview/Angular/index.html  | 15 +++--------
 .../Demos/Gauges/Overview/React/index.html    | 11 ++------
 .../Demos/Gauges/Overview/Vue/index.html      | 14 ++--------
 .../Demos/Gauges/Palette/Angular/index.html   | 15 +++--------
 .../Demos/Gauges/Palette/React/index.html     | 13 +++-------
 .../demos/Demos/Gauges/Palette/Vue/index.html | 16 +++---------
 .../PaletteForRanges/Angular/index.html       | 15 +++--------
 .../Gauges/PaletteForRanges/React/index.html  | 13 +++-------
 .../Gauges/PaletteForRanges/Vue/index.html    | 16 +++---------
 .../RangeBarBaseValue/Angular/index.html      | 15 +++--------
 .../Gauges/RangeBarBaseValue/React/index.html | 13 +++-------
 .../Gauges/RangeBarBaseValue/Vue/index.html   | 16 +++---------
 .../Angular/index.html                        | 15 +++--------
 .../ScaleCustomTickInterval/React/index.html  | 13 +++-------
 .../ScaleCustomTickInterval/Vue/index.html    | 16 +++---------
 .../ScaleCustomTickValues/Angular/index.html  | 15 +++--------
 .../ScaleCustomTickValues/React/index.html    | 13 +++-------
 .../ScaleCustomTickValues/Vue/index.html      | 16 +++---------
 .../ScaleLabelFormatting/Angular/index.html   | 15 +++--------
 .../ScaleLabelFormatting/React/index.html     | 13 +++-------
 .../ScaleLabelFormatting/Vue/index.html       | 16 +++---------
 .../Gauges/ScaleMinorTicks/Angular/index.html | 15 +++--------
 .../Gauges/ScaleMinorTicks/React/index.html   | 13 +++-------
 .../Gauges/ScaleMinorTicks/Vue/index.html     | 16 +++---------
 .../Angular/index.html                        | 15 +++--------
 .../React/index.html                          | 13 +++-------
 .../Vue/index.html                            | 16 +++---------
 .../Angular/index.html                        | 15 +++--------
 .../React/index.html                          | 13 +++-------
 .../Vue/index.html                            | 16 +++---------
 .../Demos/Gauges/Tooltip/Angular/index.html   | 15 +++--------
 .../Demos/Gauges/Tooltip/React/index.html     | 13 +++-------
 .../demos/Demos/Gauges/Tooltip/Vue/index.html | 16 +++---------
 .../ValueIndicatorsAPI/Angular/index.html     | 15 +++--------
 .../ValueIndicatorsAPI/React/index.html       | 13 +++-------
 .../Gauges/ValueIndicatorsAPI/Vue/index.html  | 16 +++---------
 .../VariableNumberOfBars/Angular/index.html   | 15 +++--------
 .../VariableNumberOfBars/React/index.html     | 13 +++-------
 .../VariableNumberOfBars/Vue/index.html       | 16 +++---------
 .../AITextEditing/Angular/index.html          | 15 +++--------
 .../HtmlEditor/AITextEditing/React/index.html | 11 ++------
 .../HtmlEditor/AITextEditing/Vue/index.html   | 15 ++---------
 .../MarkdownSupport/Angular/index.html        | 15 +++--------
 .../MarkdownSupport/React/index.html          | 11 ++------
 .../HtmlEditor/MarkdownSupport/Vue/index.html | 14 ++--------
 .../HtmlEditor/Mentions/Angular/index.html    | 15 +++--------
 .../HtmlEditor/Mentions/React/index.html      | 11 ++------
 .../Demos/HtmlEditor/Mentions/Vue/index.html  | 14 ++--------
 .../HtmlEditor/Overview/Angular/index.html    | 15 +++--------
 .../HtmlEditor/Overview/React/index.html      | 11 ++------
 .../Demos/HtmlEditor/Overview/Vue/index.html  | 14 ++--------
 .../HtmlEditor/Tables/Angular/index.html      | 15 +++--------
 .../Demos/HtmlEditor/Tables/React/index.html  | 11 ++------
 .../Demos/HtmlEditor/Tables/Vue/index.html    | 14 ++--------
 .../ToolbarCustomization/Angular/index.html   | 15 +++--------
 .../ToolbarCustomization/React/index.html     | 11 ++------
 .../ToolbarCustomization/Vue/index.html       | 14 ++--------
 .../Demos/List/DragAndDrop/Angular/index.html | 15 +++--------
 .../Demos/List/DragAndDrop/React/index.html   | 11 ++------
 .../Demos/List/DragAndDrop/Vue/index.html     | 14 ++--------
 .../Demos/List/Grouping/Angular/index.html    | 15 +++--------
 .../Demos/List/Grouping/React/index.html      | 11 ++------
 apps/demos/Demos/List/Grouping/Vue/index.html | 14 ++--------
 .../List/ItemDeletion/Angular/index.html      | 15 +++--------
 .../Demos/List/ItemDeletion/React/index.html  | 11 ++------
 .../Demos/List/ItemDeletion/Vue/index.html    | 14 ++--------
 .../List/ItemTemplate/Angular/index.html      | 15 +++--------
 .../Demos/List/ItemTemplate/React/index.html  | 11 ++------
 .../Demos/List/ItemTemplate/Vue/index.html    | 14 ++--------
 .../Demos/List/Search/Angular/index.html      | 15 +++--------
 apps/demos/Demos/List/Search/React/index.html | 11 ++------
 apps/demos/Demos/List/Search/Vue/index.html   | 14 ++--------
 .../Demos/List/Selection/Angular/index.html   | 15 +++--------
 .../Demos/List/Selection/React/index.html     | 11 ++------
 .../demos/Demos/List/Selection/Vue/index.html | 14 ++--------
 .../Demos/List/WebAPI/Angular/index.html      | 15 +++--------
 apps/demos/Demos/List/WebAPI/React/index.html | 10 +------
 apps/demos/Demos/List/WebAPI/Vue/index.html   | 18 +------------
 .../LoadIndicator/Overview/Angular/index.html | 15 +++--------
 .../LoadIndicator/Overview/React/index.html   | 11 ++------
 .../LoadIndicator/Overview/Vue/index.html     | 14 ++--------
 .../LoadPanel/Overview/Angular/index.html     | 15 +++--------
 .../Demos/LoadPanel/Overview/React/index.html | 11 ++------
 .../Demos/LoadPanel/Overview/Vue/index.html   | 14 ++--------
 .../UsingGlobalize/Angular/index.html         | 15 +++--------
 .../UsingGlobalize/React/index.html           | 11 ++------
 .../UsingGlobalize/Vue/index.html             | 14 ++--------
 .../Localization/UsingIntl/Angular/index.html | 15 +++--------
 .../Localization/UsingIntl/React/index.html   | 11 ++------
 .../Localization/UsingIntl/Vue/index.html     | 14 ++--------
 .../Demos/Lookup/Basics/Angular/index.html    | 15 +++--------
 .../Demos/Lookup/Basics/React/index.html      | 11 ++------
 apps/demos/Demos/Lookup/Basics/Vue/index.html | 15 ++---------
 .../Lookup/EventHandling/Angular/index.html   | 15 +++--------
 .../Lookup/EventHandling/React/index.html     | 11 ++------
 .../Demos/Lookup/EventHandling/Vue/index.html | 15 ++---------
 .../Demos/Lookup/Templates/Angular/index.html | 15 +++--------
 .../Demos/Lookup/Templates/React/index.html   | 12 ++-------
 .../Demos/Lookup/Templates/Vue/index.html     | 15 ++---------
 .../Demos/Map/Markers/Angular/index.html      | 15 +++--------
 apps/demos/Demos/Map/Markers/React/index.html | 11 ++------
 apps/demos/Demos/Map/Markers/Vue/index.html   | 14 ++--------
 .../Map/ProvidersAndTypes/Angular/index.html  | 15 +++--------
 .../Map/ProvidersAndTypes/React/index.html    | 11 ++------
 .../Map/ProvidersAndTypes/Vue/index.html      | 14 ++--------
 .../demos/Demos/Map/Routes/Angular/index.html | 15 +++--------
 apps/demos/Demos/Map/Routes/React/index.html  | 11 ++------
 apps/demos/Demos/Map/Routes/Vue/index.html    | 14 ++--------
 .../Demos/Menu/Overview/Angular/index.html    | 15 +++--------
 .../Demos/Menu/Overview/React/index.html      | 11 ++------
 apps/demos/Demos/Menu/Overview/Vue/index.html | 14 ++--------
 .../Demos/Menu/Scrolling/Angular/index.html   | 19 +++++---------
 .../Demos/Menu/Scrolling/React/index.html     | 11 ++------
 .../demos/Demos/Menu/Scrolling/Vue/index.html | 14 ++--------
 .../MultiView/Overview/Angular/index.html     | 15 +++--------
 .../Demos/MultiView/Overview/React/index.html | 11 ++------
 .../Demos/MultiView/Overview/Vue/index.html   | 14 ++--------
 .../NumberBox/Formatting/Angular/index.html   | 15 +++--------
 .../NumberBox/Formatting/React/index.html     | 11 ++------
 .../Demos/NumberBox/Formatting/Vue/index.html | 15 ++---------
 .../NumberBox/Overview/Angular/index.html     | 15 +++--------
 .../Demos/NumberBox/Overview/React/index.html |  9 +------
 .../Demos/NumberBox/Overview/Vue/index.html   | 14 +---------
 .../Pagination/Overview/Angular/index.html    | 17 +++---------
 .../Pagination/Overview/React/index.html      | 13 +++-------
 .../Demos/Pagination/Overview/Vue/index.html  | 17 +++---------
 .../ChartIntegration/Angular/index.html       | 15 +++--------
 .../ChartIntegration/React/index.html         | 11 ++------
 .../PivotGrid/ChartIntegration/Vue/index.html | 14 ++--------
 .../Customization/Angular/index.html          | 15 +++--------
 .../PivotGrid/Customization/React/index.html  | 10 ++-----
 .../PivotGrid/Customization/Vue/index.html    | 14 ++--------
 .../PivotGrid/DrillDown/Angular/index.html    | 15 +++--------
 .../PivotGrid/DrillDown/React/index.html      | 11 ++------
 .../Demos/PivotGrid/DrillDown/Vue/index.html  | 14 ++--------
 .../Angular/index.html                        | 15 +++--------
 .../ExcelJSCellCustomization/React/index.html |  8 +-----
 .../ExcelJSCellCustomization/Vue/index.html   | 13 +---------
 .../ExcelJSOverview/Angular/index.html        | 15 +++--------
 .../ExcelJSOverview/React/index.html          |  8 +-----
 .../PivotGrid/ExcelJSOverview/Vue/index.html  | 14 +---------
 .../ExcelJsHeaderAndFooter/Angular/index.html | 15 +++--------
 .../ExcelJsHeaderAndFooter/React/index.html   | 10 ++-----
 .../ExcelJsHeaderAndFooter/Vue/index.html     | 14 ++--------
 .../PivotGrid/FieldPanel/Angular/index.html   | 15 +++--------
 .../PivotGrid/FieldPanel/React/index.html     | 10 ++-----
 .../Demos/PivotGrid/FieldPanel/Vue/index.html | 14 ++--------
 .../PivotGrid/Filtering/Angular/index.html    | 15 +++--------
 .../PivotGrid/Filtering/React/index.html      | 11 ++------
 .../Demos/PivotGrid/Filtering/Vue/index.html  | 14 ++--------
 .../IntegratedFieldChooser/Angular/index.html | 15 +++--------
 .../IntegratedFieldChooser/React/index.html   | 11 ++------
 .../IntegratedFieldChooser/Vue/index.html     | 14 ++--------
 .../OLAPDataSource/Angular/index.html         | 15 +++--------
 .../PivotGrid/OLAPDataSource/React/index.html | 10 ++-----
 .../PivotGrid/OLAPDataSource/Vue/index.html   | 14 ++--------
 .../PivotGrid/Overview/Angular/index.html     | 15 +++--------
 .../Demos/PivotGrid/Overview/React/index.html | 11 ++------
 .../Demos/PivotGrid/Overview/Vue/index.html   | 14 ++--------
 .../RemoteVirtualScrolling/Angular/index.html | 15 +++--------
 .../RemoteVirtualScrolling/React/index.html   | 10 ++-----
 .../RemoteVirtualScrolling/Vue/index.html     | 14 ++--------
 .../RunningTotals/Angular/index.html          | 15 +++--------
 .../PivotGrid/RunningTotals/React/index.html  | 10 ++-----
 .../PivotGrid/RunningTotals/Vue/index.html    | 14 ++--------
 .../PivotGrid/SimpleArray/Angular/index.html  | 15 +++--------
 .../PivotGrid/SimpleArray/React/index.html    | 10 ++-----
 .../PivotGrid/SimpleArray/Vue/index.html      | 15 ++---------
 .../StandaloneFieldChooser/React/index.html   | 11 ++------
 .../StandaloneFieldChooser/Vue/index.html     | 14 ++--------
 .../StatePersistence/Angular/index.html       | 15 +++--------
 .../StatePersistence/React/index.html         | 10 ++-----
 .../PivotGrid/StatePersistence/Vue/index.html | 14 ++--------
 .../SummaryDisplayModes/Angular/index.html    | 15 +++--------
 .../SummaryDisplayModes/React/index.html      | 10 ++-----
 .../SummaryDisplayModes/Vue/index.html        | 14 ++--------
 .../VirtualScrolling/Angular/index.html       | 15 +++--------
 .../VirtualScrolling/React/index.html         | 10 ++-----
 .../PivotGrid/VirtualScrolling/Vue/index.html | 13 +---------
 .../WebAPIService/Angular/index.html          | 15 +++--------
 .../PivotGrid/WebAPIService/React/index.html  |  9 +------
 .../PivotGrid/WebAPIService/Vue/index.html    | 13 +---------
 .../Demos/Popover/Overview/Angular/index.html | 15 +++--------
 .../Demos/Popover/Overview/React/index.html   | 11 ++------
 .../Demos/Popover/Overview/Vue/index.html     | 14 ++--------
 .../Demos/Popup/Overview/Angular/index.html   | 15 +++--------
 .../Demos/Popup/Overview/React/index.html     | 11 ++------
 .../demos/Demos/Popup/Overview/Vue/index.html | 14 ++--------
 .../Demos/Popup/Scrolling/Angular/index.html  | 15 +++--------
 .../Demos/Popup/Scrolling/React/index.html    | 11 ++------
 .../Demos/Popup/Scrolling/Vue/index.html      | 14 ++--------
 .../ProgressBar/Overview/Angular/index.html   | 15 +++--------
 .../ProgressBar/Overview/React/index.html     | 11 ++------
 .../Demos/ProgressBar/Overview/Vue/index.html | 14 ++--------
 .../RadioGroup/Overview/Angular/index.html    | 15 +++--------
 .../RadioGroup/Overview/React/index.html      | 11 ++------
 .../Demos/RadioGroup/Overview/Vue/index.html  | 15 ++---------
 .../BackgroundImage/Angular/index.html        | 15 +++--------
 .../BackgroundImage/React/index.html          | 13 +++-------
 .../BackgroundImage/Vue/index.html            | 16 +++---------
 .../Calculation/Angular/index.html            | 15 +++--------
 .../Calculation/React/index.html              | 13 +++-------
 .../RangeSelector/Calculation/Vue/index.html  | 16 +++---------
 .../CustomFormatting/Angular/index.html       | 15 +++--------
 .../CustomFormatting/React/index.html         | 13 +++-------
 .../CustomFormatting/Vue/index.html           | 16 +++---------
 .../DateTimeScale/Angular/index.html          | 15 +++--------
 .../DateTimeScale/React/index.html            | 13 +++-------
 .../DateTimeScale/Vue/index.html              | 16 +++---------
 .../Angular/index.html                        | 15 +++--------
 .../DateTimeScaleLightweight/React/index.html | 13 +++-------
 .../DateTimeScaleLightweight/Vue/index.html   | 16 +++---------
 .../DiscreteScale/Angular/index.html          | 15 +++--------
 .../DiscreteScale/React/index.html            | 13 +++-------
 .../DiscreteScale/Vue/index.html              | 16 +++---------
 .../EmbeddedChart/Angular/index.html          | 15 +++--------
 .../EmbeddedChart/React/index.html            | 13 +++-------
 .../EmbeddedChart/Vue/index.html              | 16 +++---------
 .../Angular/index.html                        | 15 +++--------
 .../EmbeddedChartCustomized/React/index.html  | 13 +++-------
 .../EmbeddedChartCustomized/Vue/index.html    | 16 +++---------
 .../Angular/index.html                        | 15 +++--------
 .../React/index.html                          | 13 +++-------
 .../Vue/index.html                            | 16 +++---------
 .../RangeSelector/Filter/Angular/index.html   | 15 +++--------
 .../RangeSelector/Filter/React/index.html     | 11 ++------
 .../Demos/RangeSelector/Filter/Vue/index.html | 14 ++--------
 .../LogarithmicScale/Angular/index.html       | 15 +++--------
 .../LogarithmicScale/React/index.html         | 13 +++-------
 .../LogarithmicScale/Vue/index.html           | 16 +++---------
 .../NumericScale/Angular/index.html           | 15 +++--------
 .../NumericScale/React/index.html             | 13 +++-------
 .../RangeSelector/NumericScale/Vue/index.html | 16 +++---------
 .../Angular/index.html                        | 15 +++--------
 .../NumericScaleLightweight/React/index.html  | 13 +++-------
 .../NumericScaleLightweight/Vue/index.html    | 16 +++---------
 .../RangeSlider/Overview/Angular/index.html   | 15 +++--------
 .../RangeSlider/Overview/React/index.html     | 11 ++------
 .../Demos/RangeSlider/Overview/Vue/index.html | 15 ++---------
 .../Resizable/Overview/Angular/index.html     | 15 +++--------
 .../Demos/Resizable/Overview/React/index.html | 11 ++------
 .../Demos/Resizable/Overview/Vue/index.html   | 15 ++---------
 .../ResponsiveBox/Overview/Angular/index.html | 15 +++--------
 .../ResponsiveBox/Overview/React/index.html   | 11 ++------
 .../ResponsiveBox/Overview/Vue/index.html     | 14 ++--------
 .../Scheduler/Adaptability/Angular/index.html | 15 +++--------
 .../Scheduler/Adaptability/React/index.html   | 11 ++------
 .../Scheduler/Adaptability/Vue/index.html     | 15 ++---------
 .../Demos/Scheduler/Agenda/Angular/index.html | 15 +++--------
 .../Demos/Scheduler/Agenda/React/index.html   |  9 +------
 .../Demos/Scheduler/Agenda/Vue/index.html     | 13 +---------
 .../AllDayPanelMode/Angular/index.html        | 15 +++--------
 .../AllDayPanelMode/React/index.html          | 11 ++------
 .../Scheduler/AllDayPanelMode/Vue/index.html  | 15 ++---------
 .../Angular/index.html                        | 15 +++--------
 .../AppointmentCountPerCell/React/index.html  |  9 +------
 .../AppointmentCountPerCell/Vue/index.html    | 13 +---------
 .../Scheduler/BasicViews/Angular/index.html   | 15 +++--------
 .../Scheduler/BasicViews/React/index.html     |  9 +------
 .../Demos/Scheduler/BasicViews/Vue/index.html | 13 +---------
 .../CellTemplates/Angular/index.html          | 15 +++--------
 .../Scheduler/CellTemplates/React/index.html  | 11 ++------
 .../Scheduler/CellTemplates/Vue/index.html    | 20 ++------------
 .../Scheduler/ContextMenu/Angular/index.html  | 15 +++--------
 .../Scheduler/ContextMenu/React/index.html    | 11 ++------
 .../Scheduler/ContextMenu/Vue/index.html      | 14 ++--------
 .../CreateFromSelection/Angular/index.html    | 15 +++--------
 .../CreateFromSelection/React/index.html      | 10 +------
 .../CreateFromSelection/Vue/index.html        | 13 +---------
 .../CurrentTimeIndicator/Angular/index.html   | 15 +++--------
 .../CurrentTimeIndicator/React/index.html     | 11 ++------
 .../CurrentTimeIndicator/Vue/index.html       | 14 ++--------
 .../CustomViewDuration/Angular/index.html     | 15 +++--------
 .../CustomViewDuration/React/index.html       |  9 +------
 .../CustomViewDuration/Vue/index.html         | 13 +---------
 .../Scheduler/DragAndDrop/Angular/index.html  | 15 +++--------
 .../Scheduler/DragAndDrop/React/index.html    | 11 ++------
 .../Scheduler/DragAndDrop/Vue/index.html      | 14 ++--------
 .../Scheduler/Editing/Angular/index.html      | 15 +++--------
 .../Demos/Scheduler/Editing/React/index.html  | 11 ++------
 .../Demos/Scheduler/Editing/Vue/index.html    | 14 ++--------
 .../Angular/index.html                        | 15 +++--------
 .../React/index.html                          | 11 ++------
 .../GoogleCalendarIntegration/Vue/index.html  | 14 ++--------
 .../Scheduler/GroupByDate/Angular/index.html  | 15 +++--------
 .../Scheduler/GroupByDate/React/index.html    | 11 ++------
 .../Scheduler/GroupByDate/Vue/index.html      | 15 ++---------
 .../GroupingByResources/Angular/index.html    | 15 +++--------
 .../GroupingByResources/React/index.html      | 11 ++------
 .../GroupingByResources/Vue/index.html        | 14 ++--------
 .../Scheduler/HiddenDays/Angular/index.html   | 15 +++--------
 .../Scheduler/HiddenDays/React/index.html     | 11 ++------
 .../Demos/Scheduler/HiddenDays/Vue/index.html | 15 ++---------
 .../Angular/index.html                        | 15 +++--------
 .../React/index.html                          | 11 ++------
 .../Vue/index.html                            | 14 ++--------
 .../Scheduler/Overview/Angular/index.html     | 15 +++--------
 .../Demos/Scheduler/Overview/React/index.html | 11 ++------
 .../Demos/Scheduler/Overview/Vue/index.html   | 14 ++--------
 .../RecurringAppointments/Angular/index.html  | 15 +++--------
 .../RecurringAppointments/React/index.html    |  9 +------
 .../RecurringAppointments/Vue/index.html      | 13 +---------
 .../ResolveTimeConflicts/Angular/index.html   | 15 +++--------
 .../ResolveTimeConflicts/React/index.html     | 11 ++------
 .../ResolveTimeConflicts/Vue/index.html       | 14 ++--------
 .../Scheduler/Resources/Angular/index.html    | 15 +++--------
 .../Scheduler/Resources/React/index.html      | 11 ++------
 .../Demos/Scheduler/Resources/Vue/index.html  | 14 ++--------
 .../SignalRService/Angular/index.html         | 16 +++---------
 .../Scheduler/SignalRService/React/index.html | 12 ++-------
 .../Scheduler/SignalRService/Vue/index.html   | 16 ++----------
 .../Scheduler/SimpleArray/Angular/index.html  | 15 +++--------
 .../Scheduler/SimpleArray/React/index.html    |  9 +------
 .../Scheduler/SimpleArray/Vue/index.html      | 13 +---------
 .../Scheduler/Templates/Angular/index.html    | 15 +++--------
 .../Scheduler/Templates/React/index.html      | 10 ++-----
 .../Demos/Scheduler/Templates/Vue/index.html  | 16 ++----------
 .../TimeZonesSupport/Angular/index.html       | 15 +++--------
 .../TimeZonesSupport/React/index.html         | 11 ++------
 .../Scheduler/TimeZonesSupport/Vue/index.html | 14 ++--------
 .../Scheduler/Timelines/Angular/index.html    | 15 +++--------
 .../Scheduler/Timelines/React/index.html      | 11 ++------
 .../Demos/Scheduler/Timelines/Vue/index.html  | 14 ++--------
 .../Scheduler/Toolbar/Angular/index.html      | 15 +++--------
 .../Demos/Scheduler/Toolbar/React/index.html  |  9 +------
 .../Demos/Scheduler/Toolbar/Vue/index.html    | 13 +---------
 .../VirtualScrolling/Angular/index.html       | 15 +++--------
 .../VirtualScrolling/React/index.html         | 11 ++------
 .../Scheduler/VirtualScrolling/Vue/index.html | 15 ++---------
 .../WebAPIService/Angular/index.html          | 15 +++--------
 .../Scheduler/WebAPIService/React/index.html  |  9 +------
 .../Scheduler/WebAPIService/Vue/index.html    | 13 +---------
 .../Scheduler/WorkShifts/Angular/index.html   | 17 +++---------
 .../Scheduler/WorkShifts/React/index.html     | 10 ++-----
 .../Demos/Scheduler/WorkShifts/Vue/index.html | 17 +++---------
 .../ScrollView/Overview/Angular/index.html    | 15 +++--------
 .../ScrollView/Overview/React/index.html      | 11 ++------
 .../Demos/ScrollView/Overview/Vue/index.html  | 14 ++--------
 .../Angular/index.html                        | 15 +++--------
 .../CustomizeDropDownButton/React/index.html  | 11 ++------
 .../CustomizeDropDownButton/Vue/index.html    | 15 ++---------
 .../SelectBox/Grouping/Angular/index.html     | 15 +++--------
 .../Demos/SelectBox/Grouping/React/index.html | 12 ++-------
 .../Demos/SelectBox/Grouping/Vue/index.html   | 16 ++----------
 .../SelectBox/Overview/Angular/index.html     | 15 +++--------
 .../Demos/SelectBox/Overview/React/index.html | 11 ++------
 .../Demos/SelectBox/Overview/Vue/index.html   | 19 ++------------
 .../SearchAndEditing/Angular/index.html       | 15 +++--------
 .../SearchAndEditing/React/index.html         | 12 ++-------
 .../SelectBox/SearchAndEditing/Vue/index.html | 16 ++----------
 .../Demos/Slider/Overview/Angular/index.html  | 15 +++--------
 .../Demos/Slider/Overview/React/index.html    | 12 ++-------
 .../Demos/Slider/Overview/Vue/index.html      | 15 ++---------
 .../Sortable/Customization/Angular/index.html | 15 +++--------
 .../Sortable/Customization/React/index.html   | 12 ++-------
 .../Sortable/Customization/Vue/index.html     | 15 ++---------
 .../Demos/Sortable/Kanban/Angular/index.html  | 15 +++--------
 .../Demos/Sortable/Kanban/React/index.html    | 11 ++------
 .../Demos/Sortable/Kanban/Vue/index.html      | 14 ++--------
 .../SpeechToText/Overview/Angular/index.html  | 15 +++--------
 .../SpeechToText/Overview/React/index.html    | 11 ++------
 .../SpeechToText/Overview/Vue/index.html      | 14 ++--------
 .../Splitter/Overview/Angular/index.html      | 15 +++--------
 .../Demos/Splitter/Overview/React/index.html  | 11 ++------
 .../Demos/Splitter/Overview/Vue/index.html    | 14 ++--------
 .../FormIntegration/Angular/index.html        | 17 +++---------
 .../Stepper/FormIntegration/React/index.html  | 13 +++-------
 .../Stepper/FormIntegration/Vue/index.html    | 17 +++---------
 .../Demos/Stepper/Overview/Angular/index.html | 15 +++--------
 .../Demos/Stepper/Overview/React/index.html   | 11 ++------
 .../Demos/Stepper/Overview/Vue/index.html     | 15 ++---------
 .../Stepper/StepTemplate/Angular/index.html   | 15 +++--------
 .../Stepper/StepTemplate/React/index.html     | 11 ++------
 .../Demos/Stepper/StepTemplate/Vue/index.html | 15 ++---------
 .../Demos/Switch/Overview/Angular/index.html  | 15 +++--------
 .../Demos/Switch/Overview/React/index.html    |  9 +------
 .../Demos/Switch/Overview/Vue/index.html      | 14 +---------
 .../TabPanel/DragAndDrop/Angular/index.html   | 15 +++--------
 .../TabPanel/DragAndDrop/React/index.html     | 11 ++------
 .../Demos/TabPanel/DragAndDrop/Vue/index.html | 14 ++--------
 .../TabPanel/Overview/Angular/index.html      | 15 +++--------
 .../Demos/TabPanel/Overview/React/index.html  | 11 ++------
 .../Demos/TabPanel/Overview/Vue/index.html    | 14 ++--------
 .../TabPanel/Templates/Angular/index.html     | 15 +++--------
 .../Demos/TabPanel/Templates/React/index.html | 11 ++------
 .../Demos/TabPanel/Templates/Vue/index.html   | 14 ++--------
 .../Demos/Tabs/Overview/Angular/index.html    | 15 +++--------
 .../Demos/Tabs/Overview/React/index.html      | 11 ++------
 apps/demos/Demos/Tabs/Overview/Vue/index.html | 14 ++--------
 .../Demos/Tabs/Selection/Angular/index.html   | 15 +++--------
 .../Demos/Tabs/Selection/React/index.html     | 11 ++------
 .../demos/Demos/Tabs/Selection/Vue/index.html | 14 ++--------
 .../Demos/TagBox/Grouping/Angular/index.html  | 15 +++--------
 .../Demos/TagBox/Grouping/React/index.html    | 12 ++-------
 .../Demos/TagBox/Grouping/Vue/index.html      | 16 ++----------
 .../Demos/TagBox/Overview/Angular/index.html  | 15 +++--------
 .../Demos/TagBox/Overview/React/index.html    | 11 ++------
 .../Demos/TagBox/Overview/Vue/index.html      | 15 ++---------
 .../TagCountLimitation/Angular/index.html     | 15 +++--------
 .../TagCountLimitation/React/index.html       | 11 ++------
 .../TagBox/TagCountLimitation/Vue/index.html  | 15 ++---------
 .../TextArea/Overview/Angular/index.html      | 15 +++--------
 .../Demos/TextArea/Overview/React/index.html  | 11 ++------
 .../Demos/TextArea/Overview/Vue/index.html    | 15 ++---------
 .../Demos/TextBox/Overview/Angular/index.html | 15 +++--------
 .../Demos/TextBox/Overview/React/index.html   |  9 +------
 .../Demos/TextBox/Overview/Vue/index.html     | 14 +---------
 .../Demos/TileView/Basics/Angular/index.html  | 15 +++--------
 .../Demos/TileView/Basics/React/index.html    | 11 ++------
 .../Demos/TileView/Basics/Vue/index.html      | 14 ++--------
 .../TileView/Directions/Angular/index.html    | 15 +++--------
 .../TileView/Directions/React/index.html      | 11 ++------
 .../Demos/TileView/Directions/Vue/index.html  | 14 ++--------
 .../TileView/ItemTemplate/Angular/index.html  | 15 +++--------
 .../TileView/ItemTemplate/React/index.html    | 11 ++------
 .../TileView/ItemTemplate/Vue/index.html      | 15 ++---------
 .../Demos/Toast/Overview/Angular/index.html   | 15 +++--------
 .../Demos/Toast/Overview/React/index.html     | 11 ++------
 .../demos/Demos/Toast/Overview/Vue/index.html | 14 ++--------
 .../Demos/Toast/Stack/Angular/index.html      | 15 +++--------
 apps/demos/Demos/Toast/Stack/React/index.html | 11 ++------
 apps/demos/Demos/Toast/Stack/Vue/index.html   | 14 ++--------
 .../Toolbar/Adaptability/Angular/index.html   | 15 +++--------
 .../Toolbar/Adaptability/React/index.html     | 11 ++------
 .../Demos/Toolbar/Adaptability/Vue/index.html | 14 ++--------
 .../Demos/Toolbar/Overview/Angular/index.html | 15 +++--------
 .../Demos/Toolbar/Overview/React/index.html   | 11 ++------
 .../Demos/Toolbar/Overview/Vue/index.html     | 14 ++--------
 .../Demos/Tooltip/Overview/Angular/index.html | 15 +++--------
 .../Demos/Tooltip/Overview/React/index.html   | 11 ++------
 .../Demos/Tooltip/Overview/Vue/index.html     | 14 ++--------
 .../TreeList/AIColumns/Angular/index.html     | 17 +++---------
 .../Demos/TreeList/AIColumns/React/index.html | 11 ++------
 .../Demos/TreeList/AIColumns/Vue/index.html   | 17 +++---------
 .../TreeList/Adaptability/Angular/index.html  | 15 +++--------
 .../TreeList/Adaptability/React/index.html    | 11 ++------
 .../TreeList/Adaptability/Vue/index.html      | 14 ++--------
 .../TreeList/BatchEditing/Angular/index.html  | 15 +++--------
 .../TreeList/BatchEditing/React/index.html    | 11 ++------
 .../TreeList/BatchEditing/Vue/index.html      | 14 ++--------
 .../TreeList/CellEditing/Angular/index.html   | 15 +++--------
 .../TreeList/CellEditing/React/index.html     | 11 ++------
 .../Demos/TreeList/CellEditing/Vue/index.html | 14 ++--------
 .../TreeList/ColumnChooser/Angular/index.html | 15 +++--------
 .../TreeList/ColumnChooser/React/index.html   | 11 ++------
 .../TreeList/ColumnChooser/Vue/index.html     | 14 ++--------
 .../ColumnHeaderFilter/Angular/index.html     | 15 +++--------
 .../ColumnHeaderFilter/React/index.html       | 11 ++------
 .../ColumnHeaderFilter/Vue/index.html         | 14 ++--------
 .../Angular/index.html                        | 16 +++---------
 .../React/index.html                          | 11 ++------
 .../Vue/index.html                            | 15 ++---------
 .../TreeList/FilterModes/Angular/index.html   | 15 +++--------
 .../TreeList/FilterModes/React/index.html     | 11 ++------
 .../Demos/TreeList/FilterModes/Vue/index.html | 14 ++--------
 .../TreeList/FilterPanel/Angular/index.html   | 16 +++---------
 .../TreeList/FilterPanel/React/index.html     | 11 ++------
 .../Demos/TreeList/FilterPanel/Vue/index.html | 14 ++--------
 .../TreeList/FilterRow/Angular/index.html     | 15 +++--------
 .../Demos/TreeList/FilterRow/React/index.html | 11 ++------
 .../Demos/TreeList/FilterRow/Vue/index.html   | 14 ++--------
 .../FixedAndStickyColumns/Angular/index.html  | 15 +++--------
 .../FixedAndStickyColumns/React/index.html    | 11 ++------
 .../FixedAndStickyColumns/Vue/index.html      | 14 ++--------
 .../TreeList/FocusedRow/Angular/index.html    | 15 +++--------
 .../TreeList/FocusedRow/React/index.html      | 11 ++------
 .../Demos/TreeList/FocusedRow/Vue/index.html  | 15 ++---------
 .../TreeList/FormEditing/Angular/index.html   | 15 +++--------
 .../TreeList/FormEditing/React/index.html     | 11 ++------
 .../Demos/TreeList/FormEditing/Vue/index.html | 14 ++--------
 .../KeyboardNavigation/Angular/index.html     | 15 +++--------
 .../KeyboardNavigation/React/index.html       |  9 +------
 .../KeyboardNavigation/Vue/index.html         | 13 +---------
 .../LoadDataOnDemand/Angular/index.html       | 15 +++--------
 .../LoadDataOnDemand/React/index.html         | 11 ++------
 .../TreeList/LoadDataOnDemand/Vue/index.html  | 14 ++--------
 .../LocalReordering/Angular/index.html        | 15 +++--------
 .../TreeList/LocalReordering/React/index.html | 11 ++------
 .../TreeList/LocalReordering/Vue/index.html   | 14 ++--------
 .../MultipleRowSelection/Angular/index.html   | 15 +++--------
 .../MultipleRowSelection/React/index.html     | 11 ++------
 .../MultipleRowSelection/Vue/index.html       | 14 ++--------
 .../MultipleSorting/Angular/index.html        | 15 +++--------
 .../TreeList/MultipleSorting/React/index.html | 11 ++------
 .../TreeList/MultipleSorting/Vue/index.html   | 14 ++--------
 .../TreeList/Overview/Angular/index.html      | 15 +++--------
 .../Demos/TreeList/Overview/React/index.html  | 11 ++------
 .../Demos/TreeList/Overview/Vue/index.html    | 14 ++--------
 .../Demos/TreeList/Paging/Angular/index.html  | 15 +++--------
 .../Demos/TreeList/Paging/React/index.html    |  9 +------
 .../Demos/TreeList/Paging/Vue/index.html      | 13 +---------
 .../TreeList/PopupEditing/Angular/index.html  | 15 +++--------
 .../TreeList/PopupEditing/React/index.html    | 11 ++------
 .../TreeList/PopupEditing/Vue/index.html      | 14 ++--------
 .../TreeList/Reordering/Angular/index.html    | 15 +++--------
 .../TreeList/Reordering/React/index.html      | 11 ++------
 .../Demos/TreeList/Reordering/Vue/index.html  | 14 ++--------
 .../TreeList/Resizing/Angular/index.html      | 15 +++--------
 .../Demos/TreeList/Resizing/React/index.html  | 11 ++------
 .../Demos/TreeList/Resizing/Vue/index.html    | 14 ++--------
 .../TreeList/RowEditing/Angular/index.html    | 15 +++--------
 .../TreeList/RowEditing/React/index.html      | 11 ++------
 .../Demos/TreeList/RowEditing/Vue/index.html  | 14 ++--------
 .../TreeList/SearchPanel/Angular/index.html   | 15 +++--------
 .../TreeList/SearchPanel/React/index.html     | 11 ++------
 .../Demos/TreeList/SearchPanel/Vue/index.html | 14 ++--------
 .../Angular/index.html                        | 15 +++--------
 .../React/index.html                          | 11 ++------
 .../Vue/index.html                            | 14 ++--------
 .../Angular/index.html                        | 15 +++--------
 .../React/index.html                          | 11 ++------
 .../SimpleArrayPlainStructure/Vue/index.html  | 14 ++--------
 .../SingleRowSelection/Angular/index.html     | 15 +++--------
 .../SingleRowSelection/React/index.html       | 11 ++------
 .../SingleRowSelection/Vue/index.html         | 14 ++--------
 .../StatePersistence/Angular/index.html       | 15 +++--------
 .../StatePersistence/React/index.html         | 11 ++------
 .../TreeList/StatePersistence/Vue/index.html  | 14 ++--------
 .../TreeList/WebAPIService/Angular/index.html | 15 +++--------
 .../TreeList/WebAPIService/React/index.html   | 11 ++------
 .../TreeList/WebAPIService/Vue/index.html     | 14 ++--------
 .../ContextMenuIntegration/Angular/index.html | 15 +++--------
 .../ContextMenuIntegration/React/index.html   | 11 ++------
 .../ContextMenuIntegration/Vue/index.html     | 14 ++--------
 .../Angular/index.html                        | 15 +++--------
 .../React/index.html                          | 11 ++------
 .../Vue/index.html                            | 14 ++--------
 .../Angular/index.html                        | 15 +++--------
 .../React/index.html                          | 11 ++------
 .../Vue/index.html                            | 14 ++--------
 .../FlatDataStructure/Angular/index.html      | 15 +++--------
 .../FlatDataStructure/React/index.html        | 11 ++------
 .../TreeView/FlatDataStructure/Vue/index.html | 14 ++--------
 .../Angular/index.html                        | 15 +++--------
 .../React/index.html                          | 11 ++------
 .../HierarchicalDataStructure/Vue/index.html  | 14 ++--------
 .../Angular/index.html                        | 15 +++--------
 .../React/index.html                          | 11 ++------
 .../Vue/index.html                            | 14 ++--------
 .../LoadDataOnDemand/Angular/index.html       | 15 +++--------
 .../LoadDataOnDemand/React/index.html         |  9 +------
 .../TreeView/LoadDataOnDemand/Vue/index.html  | 13 +---------
 .../TreeViewWithSearchBar/Angular/index.html  | 15 +++--------
 .../TreeViewWithSearchBar/React/index.html    | 11 ++------
 .../TreeViewWithSearchBar/Vue/index.html      | 14 ++--------
 .../TreeView/VirtualMode/Angular/index.html   | 15 +++--------
 .../TreeView/VirtualMode/React/index.html     |  9 +------
 .../Demos/TreeView/VirtualMode/Vue/index.html | 13 +---------
 .../Validation/Overview/Angular/index.html    | 15 +++--------
 .../Validation/Overview/React/index.html      | 11 ++------
 .../Demos/Validation/Overview/Vue/index.html  | 15 ++---------
 .../BubbleMarkers/Angular/index.html          | 17 +++---------
 .../VectorMap/BubbleMarkers/React/index.html  | 11 ++------
 .../VectorMap/BubbleMarkers/Vue/index.html    | 14 ++--------
 .../ColorsCustomization/Angular/index.html    | 17 +++---------
 .../ColorsCustomization/React/index.html      | 11 ++------
 .../ColorsCustomization/Vue/index.html        | 14 ++--------
 .../CustomAnnotations/Angular/index.html      | 15 +++--------
 .../CustomAnnotations/React/index.html        | 11 ++------
 .../CustomAnnotations/Vue/index.html          | 14 ++--------
 .../CustomMapData/Angular/index.html          | 15 +++--------
 .../VectorMap/CustomMapData/React/index.html  | 11 ++------
 .../VectorMap/CustomMapData/Vue/index.html    | 14 ++--------
 .../CustomProjection/Angular/index.html       | 17 +++---------
 .../CustomProjection/React/index.html         | 11 ++------
 .../VectorMap/CustomProjection/Vue/index.html | 14 ++--------
 .../DynamicViewport/Angular/index.html        | 17 +++---------
 .../DynamicViewport/React/index.html          | 11 ++------
 .../VectorMap/DynamicViewport/Vue/index.html  | 14 ++--------
 .../VectorMap/FloorPlan/Angular/index.html    | 15 +++--------
 .../VectorMap/FloorPlan/React/index.html      | 11 ++------
 .../Demos/VectorMap/FloorPlan/Vue/index.html  | 14 ++--------
 .../VectorMap/ImageMarkers/Angular/index.html | 17 +++---------
 .../VectorMap/ImageMarkers/React/index.html   | 11 ++------
 .../VectorMap/ImageMarkers/Vue/index.html     | 14 ++--------
 .../Demos/VectorMap/Legend/Angular/index.html | 17 +++---------
 .../Demos/VectorMap/Legend/React/index.html   | 11 ++------
 .../Demos/VectorMap/Legend/Vue/index.html     | 14 ++--------
 .../MultipleLayers/Angular/index.html         | 17 +++---------
 .../VectorMap/MultipleLayers/React/index.html | 11 ++------
 .../VectorMap/MultipleLayers/Vue/index.html   | 14 ++--------
 .../VectorMap/Overview/Angular/index.html     | 17 +++---------
 .../Demos/VectorMap/Overview/React/index.html | 11 ++------
 .../Demos/VectorMap/Overview/Vue/index.html   | 14 ++--------
 .../VectorMap/Palette/Angular/index.html      | 17 +++---------
 .../Demos/VectorMap/Palette/React/index.html  | 11 ++------
 .../Demos/VectorMap/Palette/Vue/index.html    | 14 ++--------
 .../VectorMap/PieMarkers/Angular/index.html   | 17 +++---------
 .../VectorMap/PieMarkers/React/index.html     | 11 ++------
 .../Demos/VectorMap/PieMarkers/Vue/index.html | 14 ++--------
 .../TooltipsCustomization/Angular/index.html  | 17 +++---------
 .../TooltipsCustomization/React/index.html    | 11 ++------
 .../TooltipsCustomization/Vue/index.html      | 14 ++--------
 .../ZoomingAndCentering/Angular/index.html    | 17 +++---------
 .../ZoomingAndCentering/React/index.html      | 11 ++------
 .../ZoomingAndCentering/Vue/index.html        | 14 ++--------
 1499 files changed, 3497 insertions(+), 16940 deletions(-)

diff --git a/apps/demos/Demos/Accordion/Overview/Angular/index.html b/apps/demos/Demos/Accordion/Overview/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Accordion/Overview/Angular/index.html
+++ b/apps/demos/Demos/Accordion/Overview/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Accordion/Overview/React/index.html b/apps/demos/Demos/Accordion/Overview/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Accordion/Overview/React/index.html
+++ b/apps/demos/Demos/Accordion/Overview/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Accordion/Overview/Vue/index.html b/apps/demos/Demos/Accordion/Overview/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Accordion/Overview/Vue/index.html
+++ b/apps/demos/Demos/Accordion/Overview/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/ActionSheet/Basics/Angular/index.html b/apps/demos/Demos/ActionSheet/Basics/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/ActionSheet/Basics/Angular/index.html
+++ b/apps/demos/Demos/ActionSheet/Basics/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/ActionSheet/Basics/React/index.html b/apps/demos/Demos/ActionSheet/Basics/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/ActionSheet/Basics/React/index.html
+++ b/apps/demos/Demos/ActionSheet/Basics/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/ActionSheet/Basics/Vue/index.html b/apps/demos/Demos/ActionSheet/Basics/Vue/index.html
index 53778bd14ad3..7369a149272c 100644
--- a/apps/demos/Demos/ActionSheet/Basics/Vue/index.html
+++ b/apps/demos/Demos/ActionSheet/Basics/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/ActionSheet/PopoverMode/Angular/index.html b/apps/demos/Demos/ActionSheet/PopoverMode/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/ActionSheet/PopoverMode/Angular/index.html
+++ b/apps/demos/Demos/ActionSheet/PopoverMode/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/ActionSheet/PopoverMode/React/index.html b/apps/demos/Demos/ActionSheet/PopoverMode/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/ActionSheet/PopoverMode/React/index.html
+++ b/apps/demos/Demos/ActionSheet/PopoverMode/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/ActionSheet/PopoverMode/Vue/index.html b/apps/demos/Demos/ActionSheet/PopoverMode/Vue/index.html
index 53778bd14ad3..7369a149272c 100644
--- a/apps/demos/Demos/ActionSheet/PopoverMode/Vue/index.html
+++ b/apps/demos/Demos/ActionSheet/PopoverMode/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Autocomplete/Overview/Angular/index.html b/apps/demos/Demos/Autocomplete/Overview/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Autocomplete/Overview/Angular/index.html
+++ b/apps/demos/Demos/Autocomplete/Overview/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Autocomplete/Overview/React/index.html b/apps/demos/Demos/Autocomplete/Overview/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Autocomplete/Overview/React/index.html
+++ b/apps/demos/Demos/Autocomplete/Overview/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Autocomplete/Overview/Vue/index.html b/apps/demos/Demos/Autocomplete/Overview/Vue/index.html
index f801653ebfc5..7369a149272c 100644
--- a/apps/demos/Demos/Autocomplete/Overview/Vue/index.html
+++ b/apps/demos/Demos/Autocomplete/Overview/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Box/Overview/Angular/index.html b/apps/demos/Demos/Box/Overview/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Box/Overview/Angular/index.html
+++ b/apps/demos/Demos/Box/Overview/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Box/Overview/React/index.html b/apps/demos/Demos/Box/Overview/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Box/Overview/React/index.html
+++ b/apps/demos/Demos/Box/Overview/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Box/Overview/Vue/index.html b/apps/demos/Demos/Box/Overview/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Box/Overview/Vue/index.html
+++ b/apps/demos/Demos/Box/Overview/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Button/Icons/Angular/index.html b/apps/demos/Demos/Button/Icons/Angular/index.html
index 51222cb55272..7dd155b53981 100644
--- a/apps/demos/Demos/Button/Icons/Angular/index.html
+++ b/apps/demos/Demos/Button/Icons/Angular/index.html
@@ -1,27 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Button/Icons/React/index.html b/apps/demos/Demos/Button/Icons/React/index.html
index 0a0215396830..7b47950bbaff 100644
--- a/apps/demos/Demos/Button/Icons/React/index.html
+++ b/apps/demos/Demos/Button/Icons/React/index.html
@@ -6,20 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Button/Icons/Vue/index.html b/apps/demos/Demos/Button/Icons/Vue/index.html
index 38174efd81d4..7369a149272c 100644
--- a/apps/demos/Demos/Button/Icons/Vue/index.html
+++ b/apps/demos/Demos/Button/Icons/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Button/PredefinedTypes/Angular/index.html b/apps/demos/Demos/Button/PredefinedTypes/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Button/PredefinedTypes/Angular/index.html
+++ b/apps/demos/Demos/Button/PredefinedTypes/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Button/PredefinedTypes/React/index.html b/apps/demos/Demos/Button/PredefinedTypes/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Button/PredefinedTypes/React/index.html
+++ b/apps/demos/Demos/Button/PredefinedTypes/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Button/PredefinedTypes/Vue/index.html b/apps/demos/Demos/Button/PredefinedTypes/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Button/PredefinedTypes/Vue/index.html
+++ b/apps/demos/Demos/Button/PredefinedTypes/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/ButtonGroup/Overview/Angular/index.html b/apps/demos/Demos/ButtonGroup/Overview/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/ButtonGroup/Overview/Angular/index.html
+++ b/apps/demos/Demos/ButtonGroup/Overview/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/ButtonGroup/Overview/React/index.html b/apps/demos/Demos/ButtonGroup/Overview/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/ButtonGroup/Overview/React/index.html
+++ b/apps/demos/Demos/ButtonGroup/Overview/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/ButtonGroup/Overview/Vue/index.html b/apps/demos/Demos/ButtonGroup/Overview/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/ButtonGroup/Overview/Vue/index.html
+++ b/apps/demos/Demos/ButtonGroup/Overview/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Calendar/MultipleSelection/Angular/index.html b/apps/demos/Demos/Calendar/MultipleSelection/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Calendar/MultipleSelection/Angular/index.html
+++ b/apps/demos/Demos/Calendar/MultipleSelection/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Calendar/MultipleSelection/React/index.html b/apps/demos/Demos/Calendar/MultipleSelection/React/index.html
index 0a0215396830..7b47950bbaff 100644
--- a/apps/demos/Demos/Calendar/MultipleSelection/React/index.html
+++ b/apps/demos/Demos/Calendar/MultipleSelection/React/index.html
@@ -6,20 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Calendar/MultipleSelection/Vue/index.html b/apps/demos/Demos/Calendar/MultipleSelection/Vue/index.html
index 478867f60deb..7369a149272c 100644
--- a/apps/demos/Demos/Calendar/MultipleSelection/Vue/index.html
+++ b/apps/demos/Demos/Calendar/MultipleSelection/Vue/index.html
@@ -6,24 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Calendar/Overview/Angular/index.html b/apps/demos/Demos/Calendar/Overview/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Calendar/Overview/Angular/index.html
+++ b/apps/demos/Demos/Calendar/Overview/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Calendar/Overview/React/index.html b/apps/demos/Demos/Calendar/Overview/React/index.html
index 0a0215396830..7b47950bbaff 100644
--- a/apps/demos/Demos/Calendar/Overview/React/index.html
+++ b/apps/demos/Demos/Calendar/Overview/React/index.html
@@ -6,20 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Calendar/Overview/Vue/index.html b/apps/demos/Demos/Calendar/Overview/Vue/index.html
index 478867f60deb..7369a149272c 100644
--- a/apps/demos/Demos/Calendar/Overview/Vue/index.html
+++ b/apps/demos/Demos/Calendar/Overview/Vue/index.html
@@ -6,24 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/CardView/CardTemplate/Angular/index.html b/apps/demos/Demos/CardView/CardTemplate/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/CardView/CardTemplate/Angular/index.html
+++ b/apps/demos/Demos/CardView/CardTemplate/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/CardView/CardTemplate/React/index.html b/apps/demos/Demos/CardView/CardTemplate/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/CardView/CardTemplate/React/index.html
+++ b/apps/demos/Demos/CardView/CardTemplate/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/CardView/CardTemplate/Vue/index.html b/apps/demos/Demos/CardView/CardTemplate/Vue/index.html
index 394de6604894..e97e1d43d2f6 100644
--- a/apps/demos/Demos/CardView/CardTemplate/Vue/index.html
+++ b/apps/demos/Demos/CardView/CardTemplate/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app" />
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/CardView/ColumnChooser/Angular/index.html b/apps/demos/Demos/CardView/ColumnChooser/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/CardView/ColumnChooser/Angular/index.html
+++ b/apps/demos/Demos/CardView/ColumnChooser/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/CardView/ColumnChooser/React/index.html b/apps/demos/Demos/CardView/ColumnChooser/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/CardView/ColumnChooser/React/index.html
+++ b/apps/demos/Demos/CardView/ColumnChooser/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/CardView/ColumnChooser/Vue/index.html b/apps/demos/Demos/CardView/ColumnChooser/Vue/index.html
index 394de6604894..e97e1d43d2f6 100644
--- a/apps/demos/Demos/CardView/ColumnChooser/Vue/index.html
+++ b/apps/demos/Demos/CardView/ColumnChooser/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app" />
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/CardView/ColumnHeaderFilter/Angular/index.html b/apps/demos/Demos/CardView/ColumnHeaderFilter/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/CardView/ColumnHeaderFilter/Angular/index.html
+++ b/apps/demos/Demos/CardView/ColumnHeaderFilter/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/CardView/ColumnHeaderFilter/React/index.html b/apps/demos/Demos/CardView/ColumnHeaderFilter/React/index.html
index cfb9b3aa6769..1da2da79d709 100644
--- a/apps/demos/Demos/CardView/ColumnHeaderFilter/React/index.html
+++ b/apps/demos/Demos/CardView/ColumnHeaderFilter/React/index.html
@@ -6,18 +6,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/CardView/ColumnHeaderFilter/Vue/index.html b/apps/demos/Demos/CardView/ColumnHeaderFilter/Vue/index.html
index 394de6604894..fb4cf0d3a3e5 100644
--- a/apps/demos/Demos/CardView/ColumnHeaderFilter/Vue/index.html
+++ b/apps/demos/Demos/CardView/ColumnHeaderFilter/Vue/index.html
@@ -6,23 +6,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app" />
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/CardView/ColumnReordering/Angular/index.html b/apps/demos/Demos/CardView/ColumnReordering/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/CardView/ColumnReordering/Angular/index.html
+++ b/apps/demos/Demos/CardView/ColumnReordering/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/CardView/ColumnReordering/React/index.html b/apps/demos/Demos/CardView/ColumnReordering/React/index.html
index cfb9b3aa6769..1da2da79d709 100644
--- a/apps/demos/Demos/CardView/ColumnReordering/React/index.html
+++ b/apps/demos/Demos/CardView/ColumnReordering/React/index.html
@@ -6,18 +6,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/CardView/ColumnReordering/Vue/index.html b/apps/demos/Demos/CardView/ColumnReordering/Vue/index.html
index 394de6604894..fb4cf0d3a3e5 100644
--- a/apps/demos/Demos/CardView/ColumnReordering/Vue/index.html
+++ b/apps/demos/Demos/CardView/ColumnReordering/Vue/index.html
@@ -6,23 +6,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app" />
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/CardView/DataValidation/Angular/index.html b/apps/demos/Demos/CardView/DataValidation/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/CardView/DataValidation/Angular/index.html
+++ b/apps/demos/Demos/CardView/DataValidation/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/CardView/DataValidation/React/index.html b/apps/demos/Demos/CardView/DataValidation/React/index.html
index cfb9b3aa6769..1da2da79d709 100644
--- a/apps/demos/Demos/CardView/DataValidation/React/index.html
+++ b/apps/demos/Demos/CardView/DataValidation/React/index.html
@@ -6,18 +6,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/CardView/DataValidation/Vue/index.html b/apps/demos/Demos/CardView/DataValidation/Vue/index.html
index 394de6604894..fb4cf0d3a3e5 100644
--- a/apps/demos/Demos/CardView/DataValidation/Vue/index.html
+++ b/apps/demos/Demos/CardView/DataValidation/Vue/index.html
@@ -6,23 +6,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app" />
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/CardView/FieldTemplate/Angular/index.html b/apps/demos/Demos/CardView/FieldTemplate/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/CardView/FieldTemplate/Angular/index.html
+++ b/apps/demos/Demos/CardView/FieldTemplate/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/CardView/FieldTemplate/React/index.html b/apps/demos/Demos/CardView/FieldTemplate/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/CardView/FieldTemplate/React/index.html
+++ b/apps/demos/Demos/CardView/FieldTemplate/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/CardView/FieldTemplate/Vue/index.html b/apps/demos/Demos/CardView/FieldTemplate/Vue/index.html
index 394de6604894..e97e1d43d2f6 100644
--- a/apps/demos/Demos/CardView/FieldTemplate/Vue/index.html
+++ b/apps/demos/Demos/CardView/FieldTemplate/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app" />
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/CardView/FilterPanel/Angular/index.html b/apps/demos/Demos/CardView/FilterPanel/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/CardView/FilterPanel/Angular/index.html
+++ b/apps/demos/Demos/CardView/FilterPanel/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/CardView/FilterPanel/React/index.html b/apps/demos/Demos/CardView/FilterPanel/React/index.html
index cfb9b3aa6769..1da2da79d709 100644
--- a/apps/demos/Demos/CardView/FilterPanel/React/index.html
+++ b/apps/demos/Demos/CardView/FilterPanel/React/index.html
@@ -6,18 +6,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/CardView/FilterPanel/Vue/index.html b/apps/demos/Demos/CardView/FilterPanel/Vue/index.html
index 394de6604894..fb4cf0d3a3e5 100644
--- a/apps/demos/Demos/CardView/FilterPanel/Vue/index.html
+++ b/apps/demos/Demos/CardView/FilterPanel/Vue/index.html
@@ -6,23 +6,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app" />
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/CardView/Overview/Angular/index.html b/apps/demos/Demos/CardView/Overview/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/CardView/Overview/Angular/index.html
+++ b/apps/demos/Demos/CardView/Overview/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/CardView/Overview/React/index.html b/apps/demos/Demos/CardView/Overview/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/CardView/Overview/React/index.html
+++ b/apps/demos/Demos/CardView/Overview/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/CardView/Overview/Vue/index.html b/apps/demos/Demos/CardView/Overview/Vue/index.html
index f801653ebfc5..7369a149272c 100644
--- a/apps/demos/Demos/CardView/Overview/Vue/index.html
+++ b/apps/demos/Demos/CardView/Overview/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/CardView/PopupEditing/Angular/index.html b/apps/demos/Demos/CardView/PopupEditing/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/CardView/PopupEditing/Angular/index.html
+++ b/apps/demos/Demos/CardView/PopupEditing/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/CardView/PopupEditing/React/index.html b/apps/demos/Demos/CardView/PopupEditing/React/index.html
index cfb9b3aa6769..1da2da79d709 100644
--- a/apps/demos/Demos/CardView/PopupEditing/React/index.html
+++ b/apps/demos/Demos/CardView/PopupEditing/React/index.html
@@ -6,18 +6,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/CardView/PopupEditing/Vue/index.html b/apps/demos/Demos/CardView/PopupEditing/Vue/index.html
index 394de6604894..fb4cf0d3a3e5 100644
--- a/apps/demos/Demos/CardView/PopupEditing/Vue/index.html
+++ b/apps/demos/Demos/CardView/PopupEditing/Vue/index.html
@@ -6,23 +6,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app" />
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/CardView/SearchPanel/Angular/index.html b/apps/demos/Demos/CardView/SearchPanel/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/CardView/SearchPanel/Angular/index.html
+++ b/apps/demos/Demos/CardView/SearchPanel/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/CardView/SearchPanel/React/index.html b/apps/demos/Demos/CardView/SearchPanel/React/index.html
index cfb9b3aa6769..1da2da79d709 100644
--- a/apps/demos/Demos/CardView/SearchPanel/React/index.html
+++ b/apps/demos/Demos/CardView/SearchPanel/React/index.html
@@ -6,18 +6,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/CardView/SearchPanel/Vue/index.html b/apps/demos/Demos/CardView/SearchPanel/Vue/index.html
index 394de6604894..fb4cf0d3a3e5 100644
--- a/apps/demos/Demos/CardView/SearchPanel/Vue/index.html
+++ b/apps/demos/Demos/CardView/SearchPanel/Vue/index.html
@@ -6,23 +6,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app" />
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/CardView/Selection/Angular/index.html b/apps/demos/Demos/CardView/Selection/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/CardView/Selection/Angular/index.html
+++ b/apps/demos/Demos/CardView/Selection/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/CardView/Selection/React/index.html b/apps/demos/Demos/CardView/Selection/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/CardView/Selection/React/index.html
+++ b/apps/demos/Demos/CardView/Selection/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/CardView/Selection/Vue/index.html b/apps/demos/Demos/CardView/Selection/Vue/index.html
index 394de6604894..e97e1d43d2f6 100644
--- a/apps/demos/Demos/CardView/Selection/Vue/index.html
+++ b/apps/demos/Demos/CardView/Selection/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app" />
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/CardView/SimpleArray/Angular/index.html b/apps/demos/Demos/CardView/SimpleArray/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/CardView/SimpleArray/Angular/index.html
+++ b/apps/demos/Demos/CardView/SimpleArray/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/CardView/SimpleArray/React/index.html b/apps/demos/Demos/CardView/SimpleArray/React/index.html
index cfb9b3aa6769..1da2da79d709 100644
--- a/apps/demos/Demos/CardView/SimpleArray/React/index.html
+++ b/apps/demos/Demos/CardView/SimpleArray/React/index.html
@@ -6,18 +6,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/CardView/SimpleArray/Vue/index.html b/apps/demos/Demos/CardView/SimpleArray/Vue/index.html
index 394de6604894..fb4cf0d3a3e5 100644
--- a/apps/demos/Demos/CardView/SimpleArray/Vue/index.html
+++ b/apps/demos/Demos/CardView/SimpleArray/Vue/index.html
@@ -6,23 +6,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app" />
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/CardView/Sorting/Angular/index.html b/apps/demos/Demos/CardView/Sorting/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/CardView/Sorting/Angular/index.html
+++ b/apps/demos/Demos/CardView/Sorting/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/CardView/Sorting/React/index.html b/apps/demos/Demos/CardView/Sorting/React/index.html
index cfb9b3aa6769..1da2da79d709 100644
--- a/apps/demos/Demos/CardView/Sorting/React/index.html
+++ b/apps/demos/Demos/CardView/Sorting/React/index.html
@@ -6,18 +6,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/CardView/Sorting/Vue/index.html b/apps/demos/Demos/CardView/Sorting/Vue/index.html
index 394de6604894..fb4cf0d3a3e5 100644
--- a/apps/demos/Demos/CardView/Sorting/Vue/index.html
+++ b/apps/demos/Demos/CardView/Sorting/Vue/index.html
@@ -6,23 +6,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app" />
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/CardView/WebAPIService/Angular/index.html b/apps/demos/Demos/CardView/WebAPIService/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/CardView/WebAPIService/Angular/index.html
+++ b/apps/demos/Demos/CardView/WebAPIService/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/CardView/WebAPIService/React/index.html b/apps/demos/Demos/CardView/WebAPIService/React/index.html
index cfb9b3aa6769..1da2da79d709 100644
--- a/apps/demos/Demos/CardView/WebAPIService/React/index.html
+++ b/apps/demos/Demos/CardView/WebAPIService/React/index.html
@@ -6,18 +6,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/CardView/WebAPIService/Vue/index.html b/apps/demos/Demos/CardView/WebAPIService/Vue/index.html
index 394de6604894..fb4cf0d3a3e5 100644
--- a/apps/demos/Demos/CardView/WebAPIService/Vue/index.html
+++ b/apps/demos/Demos/CardView/WebAPIService/Vue/index.html
@@ -6,23 +6,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app" />
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/AjaxRequest/Angular/index.html b/apps/demos/Demos/Charts/AjaxRequest/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/AjaxRequest/Angular/index.html
+++ b/apps/demos/Demos/Charts/AjaxRequest/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/AjaxRequest/React/index.html b/apps/demos/Demos/Charts/AjaxRequest/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/AjaxRequest/React/index.html
+++ b/apps/demos/Demos/Charts/AjaxRequest/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/AjaxRequest/Vue/index.html b/apps/demos/Demos/Charts/AjaxRequest/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Charts/AjaxRequest/Vue/index.html
+++ b/apps/demos/Demos/Charts/AjaxRequest/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/Annotation/Angular/index.html b/apps/demos/Demos/Charts/Annotation/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/Annotation/Angular/index.html
+++ b/apps/demos/Demos/Charts/Annotation/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/Annotation/React/index.html b/apps/demos/Demos/Charts/Annotation/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/Annotation/React/index.html
+++ b/apps/demos/Demos/Charts/Annotation/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/Annotation/Vue/index.html b/apps/demos/Demos/Charts/Annotation/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Charts/Annotation/Vue/index.html
+++ b/apps/demos/Demos/Charts/Annotation/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/Area/Angular/index.html b/apps/demos/Demos/Charts/Area/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/Area/Angular/index.html
+++ b/apps/demos/Demos/Charts/Area/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/Area/React/index.html b/apps/demos/Demos/Charts/Area/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/Area/React/index.html
+++ b/apps/demos/Demos/Charts/Area/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/Area/Vue/index.html b/apps/demos/Demos/Charts/Area/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Charts/Area/Vue/index.html
+++ b/apps/demos/Demos/Charts/Area/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/AreaSelectionZooming/Angular/index.html b/apps/demos/Demos/Charts/AreaSelectionZooming/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/AreaSelectionZooming/Angular/index.html
+++ b/apps/demos/Demos/Charts/AreaSelectionZooming/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/AreaSelectionZooming/React/index.html b/apps/demos/Demos/Charts/AreaSelectionZooming/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/AreaSelectionZooming/React/index.html
+++ b/apps/demos/Demos/Charts/AreaSelectionZooming/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/AreaSelectionZooming/Vue/index.html b/apps/demos/Demos/Charts/AreaSelectionZooming/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Charts/AreaSelectionZooming/Vue/index.html
+++ b/apps/demos/Demos/Charts/AreaSelectionZooming/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/AreaSparklines/Angular/index.html b/apps/demos/Demos/Charts/AreaSparklines/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/AreaSparklines/Angular/index.html
+++ b/apps/demos/Demos/Charts/AreaSparklines/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/AreaSparklines/React/index.html b/apps/demos/Demos/Charts/AreaSparklines/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/AreaSparklines/React/index.html
+++ b/apps/demos/Demos/Charts/AreaSparklines/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/AreaSparklines/Vue/index.html b/apps/demos/Demos/Charts/AreaSparklines/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Charts/AreaSparklines/Vue/index.html
+++ b/apps/demos/Demos/Charts/AreaSparklines/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/AutoCalculatedBarWidth/Angular/index.html b/apps/demos/Demos/Charts/AutoCalculatedBarWidth/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/AutoCalculatedBarWidth/Angular/index.html
+++ b/apps/demos/Demos/Charts/AutoCalculatedBarWidth/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/AutoCalculatedBarWidth/React/index.html b/apps/demos/Demos/Charts/AutoCalculatedBarWidth/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/AutoCalculatedBarWidth/React/index.html
+++ b/apps/demos/Demos/Charts/AutoCalculatedBarWidth/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/AutoCalculatedBarWidth/Vue/index.html b/apps/demos/Demos/Charts/AutoCalculatedBarWidth/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Charts/AutoCalculatedBarWidth/Vue/index.html
+++ b/apps/demos/Demos/Charts/AutoCalculatedBarWidth/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/AxisCustomPosition/Angular/index.html b/apps/demos/Demos/Charts/AxisCustomPosition/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/AxisCustomPosition/Angular/index.html
+++ b/apps/demos/Demos/Charts/AxisCustomPosition/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/AxisCustomPosition/React/index.html b/apps/demos/Demos/Charts/AxisCustomPosition/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/AxisCustomPosition/React/index.html
+++ b/apps/demos/Demos/Charts/AxisCustomPosition/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/AxisCustomPosition/Vue/index.html b/apps/demos/Demos/Charts/AxisCustomPosition/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Charts/AxisCustomPosition/Vue/index.html
+++ b/apps/demos/Demos/Charts/AxisCustomPosition/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/AxisLabelCustomization/Angular/index.html b/apps/demos/Demos/Charts/AxisLabelCustomization/Angular/index.html
index d71a57f973ce..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/AxisLabelCustomization/Angular/index.html
+++ b/apps/demos/Demos/Charts/AxisLabelCustomization/Angular/index.html
@@ -1,37 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
-      <svg width="0" height="0">
-        <defs>
-          <filter id="DevExpress_shadow_filter" x="-50%" y="-50%" width="200%" height="200%" transform="translate(0,0)">
-            <fegaussianblur in="SourceGraphic" result="gaussianBlurResult" stdDeviation="3"></fegaussianblur>
-            <feoffset in="gaussianBlurResult" result="offsetResult" dx="0" dy="1"></feoffset>
-            <feflood result="floodResult" flood-color="#000000" flood-opacity="0.3"></feflood>
-            <fecomposite in="floodResult" in2="offsetResult" operator="in" result="compositeResult"></fecomposite>
-            <fecomposite in="SourceGraphic" in2="compositeResult" operator="over"></fecomposite>
-          </filter>
-        </defs>
-      </svg>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/AxisLabelCustomization/React/index.html b/apps/demos/Demos/Charts/AxisLabelCustomization/React/index.html
index 6636a9fd7782..41f94f45001e 100644
--- a/apps/demos/Demos/Charts/AxisLabelCustomization/React/index.html
+++ b/apps/demos/Demos/Charts/AxisLabelCustomization/React/index.html
@@ -6,16 +6,8 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
@@ -31,5 +23,6 @@
         </defs>
       </svg>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/AxisLabelCustomization/Vue/index.html b/apps/demos/Demos/Charts/AxisLabelCustomization/Vue/index.html
index a448b126351f..f16d906cf34d 100644
--- a/apps/demos/Demos/Charts/AxisLabelCustomization/Vue/index.html
+++ b/apps/demos/Demos/Charts/AxisLabelCustomization/Vue/index.html
@@ -6,19 +6,8 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
@@ -34,5 +23,6 @@
         </defs>
       </svg>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/BarColorCustomization/Angular/index.html b/apps/demos/Demos/Charts/BarColorCustomization/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/BarColorCustomization/Angular/index.html
+++ b/apps/demos/Demos/Charts/BarColorCustomization/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/BarColorCustomization/React/index.html b/apps/demos/Demos/Charts/BarColorCustomization/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/BarColorCustomization/React/index.html
+++ b/apps/demos/Demos/Charts/BarColorCustomization/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/BarColorCustomization/Vue/index.html b/apps/demos/Demos/Charts/BarColorCustomization/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Charts/BarColorCustomization/Vue/index.html
+++ b/apps/demos/Demos/Charts/BarColorCustomization/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/BarDrillDown/Angular/index.html b/apps/demos/Demos/Charts/BarDrillDown/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/BarDrillDown/Angular/index.html
+++ b/apps/demos/Demos/Charts/BarDrillDown/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/BarDrillDown/React/index.html b/apps/demos/Demos/Charts/BarDrillDown/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/BarDrillDown/React/index.html
+++ b/apps/demos/Demos/Charts/BarDrillDown/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/BarDrillDown/Vue/index.html b/apps/demos/Demos/Charts/BarDrillDown/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Charts/BarDrillDown/Vue/index.html
+++ b/apps/demos/Demos/Charts/BarDrillDown/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/BarSparklines/Angular/index.html b/apps/demos/Demos/Charts/BarSparklines/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/BarSparklines/Angular/index.html
+++ b/apps/demos/Demos/Charts/BarSparklines/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/BarSparklines/React/index.html b/apps/demos/Demos/Charts/BarSparklines/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/BarSparklines/React/index.html
+++ b/apps/demos/Demos/Charts/BarSparklines/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/BarSparklines/Vue/index.html b/apps/demos/Demos/Charts/BarSparklines/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Charts/BarSparklines/Vue/index.html
+++ b/apps/demos/Demos/Charts/BarSparklines/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/BiDirectionalBarChart/Angular/index.html b/apps/demos/Demos/Charts/BiDirectionalBarChart/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/BiDirectionalBarChart/Angular/index.html
+++ b/apps/demos/Demos/Charts/BiDirectionalBarChart/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/BiDirectionalBarChart/React/index.html b/apps/demos/Demos/Charts/BiDirectionalBarChart/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/BiDirectionalBarChart/React/index.html
+++ b/apps/demos/Demos/Charts/BiDirectionalBarChart/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/BiDirectionalBarChart/Vue/index.html b/apps/demos/Demos/Charts/BiDirectionalBarChart/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Charts/BiDirectionalBarChart/Vue/index.html
+++ b/apps/demos/Demos/Charts/BiDirectionalBarChart/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/Bubble/Angular/index.html b/apps/demos/Demos/Charts/Bubble/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/Bubble/Angular/index.html
+++ b/apps/demos/Demos/Charts/Bubble/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/Bubble/React/index.html b/apps/demos/Demos/Charts/Bubble/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/Bubble/React/index.html
+++ b/apps/demos/Demos/Charts/Bubble/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/Bubble/Vue/index.html b/apps/demos/Demos/Charts/Bubble/Vue/index.html
index 99d70e0cafb0..f0bbf9e9c2ea 100644
--- a/apps/demos/Demos/Charts/Bubble/Vue/index.html
+++ b/apps/demos/Demos/Charts/Bubble/Vue/index.html
@@ -6,24 +6,14 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app">
         <span v-if="false">Loading...</span>
       </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/Candlestick/Angular/index.html b/apps/demos/Demos/Charts/Candlestick/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/Candlestick/Angular/index.html
+++ b/apps/demos/Demos/Charts/Candlestick/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/Candlestick/React/index.html b/apps/demos/Demos/Charts/Candlestick/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/Candlestick/React/index.html
+++ b/apps/demos/Demos/Charts/Candlestick/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/Candlestick/Vue/index.html b/apps/demos/Demos/Charts/Candlestick/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Charts/Candlestick/Vue/index.html
+++ b/apps/demos/Demos/Charts/Candlestick/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/CenterLabelCustomization/Angular/index.html b/apps/demos/Demos/Charts/CenterLabelCustomization/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/CenterLabelCustomization/Angular/index.html
+++ b/apps/demos/Demos/Charts/CenterLabelCustomization/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/CenterLabelCustomization/React/index.html b/apps/demos/Demos/Charts/CenterLabelCustomization/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/CenterLabelCustomization/React/index.html
+++ b/apps/demos/Demos/Charts/CenterLabelCustomization/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/CenterLabelCustomization/Vue/index.html b/apps/demos/Demos/Charts/CenterLabelCustomization/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Charts/CenterLabelCustomization/Vue/index.html
+++ b/apps/demos/Demos/Charts/CenterLabelCustomization/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/ClientSideDataProcessing/Angular/index.html b/apps/demos/Demos/Charts/ClientSideDataProcessing/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/ClientSideDataProcessing/Angular/index.html
+++ b/apps/demos/Demos/Charts/ClientSideDataProcessing/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/ClientSideDataProcessing/React/index.html b/apps/demos/Demos/Charts/ClientSideDataProcessing/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/ClientSideDataProcessing/React/index.html
+++ b/apps/demos/Demos/Charts/ClientSideDataProcessing/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/ClientSideDataProcessing/Vue/index.html b/apps/demos/Demos/Charts/ClientSideDataProcessing/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Charts/ClientSideDataProcessing/Vue/index.html
+++ b/apps/demos/Demos/Charts/ClientSideDataProcessing/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/Colorization/Angular/index.html b/apps/demos/Demos/Charts/Colorization/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/Colorization/Angular/index.html
+++ b/apps/demos/Demos/Charts/Colorization/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/Colorization/React/index.html b/apps/demos/Demos/Charts/Colorization/React/index.html
index 798562b68bc3..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/Colorization/React/index.html
+++ b/apps/demos/Demos/Charts/Colorization/React/index.html
@@ -5,20 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="dx-theme" data-theme="generic.light" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/Colorization/Vue/index.html b/apps/demos/Demos/Charts/Colorization/Vue/index.html
index ac930aaf0aed..7369a149272c 100644
--- a/apps/demos/Demos/Charts/Colorization/Vue/index.html
+++ b/apps/demos/Demos/Charts/Colorization/Vue/index.html
@@ -5,23 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="dx-theme" data-theme="generic.light" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/ContinuousData/Angular/index.html b/apps/demos/Demos/Charts/ContinuousData/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/ContinuousData/Angular/index.html
+++ b/apps/demos/Demos/Charts/ContinuousData/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/ContinuousData/React/index.html b/apps/demos/Demos/Charts/ContinuousData/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/ContinuousData/React/index.html
+++ b/apps/demos/Demos/Charts/ContinuousData/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/ContinuousData/Vue/index.html b/apps/demos/Demos/Charts/ContinuousData/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Charts/ContinuousData/Vue/index.html
+++ b/apps/demos/Demos/Charts/ContinuousData/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/Crosshair/Angular/index.html b/apps/demos/Demos/Charts/Crosshair/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/Crosshair/Angular/index.html
+++ b/apps/demos/Demos/Charts/Crosshair/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/Crosshair/React/index.html b/apps/demos/Demos/Charts/Crosshair/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/Crosshair/React/index.html
+++ b/apps/demos/Demos/Charts/Crosshair/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/Crosshair/Vue/index.html b/apps/demos/Demos/Charts/Crosshair/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Charts/Crosshair/Vue/index.html
+++ b/apps/demos/Demos/Charts/Crosshair/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/CustomAnnotations/Angular/index.html b/apps/demos/Demos/Charts/CustomAnnotations/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/CustomAnnotations/Angular/index.html
+++ b/apps/demos/Demos/Charts/CustomAnnotations/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/CustomAnnotations/React/index.html b/apps/demos/Demos/Charts/CustomAnnotations/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/CustomAnnotations/React/index.html
+++ b/apps/demos/Demos/Charts/CustomAnnotations/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/CustomAnnotations/Vue/index.html b/apps/demos/Demos/Charts/CustomAnnotations/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Charts/CustomAnnotations/Vue/index.html
+++ b/apps/demos/Demos/Charts/CustomAnnotations/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/CustomBarWidth/Angular/index.html b/apps/demos/Demos/Charts/CustomBarWidth/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/CustomBarWidth/Angular/index.html
+++ b/apps/demos/Demos/Charts/CustomBarWidth/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/CustomBarWidth/React/index.html b/apps/demos/Demos/Charts/CustomBarWidth/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/CustomBarWidth/React/index.html
+++ b/apps/demos/Demos/Charts/CustomBarWidth/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/CustomBarWidth/Vue/index.html b/apps/demos/Demos/Charts/CustomBarWidth/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Charts/CustomBarWidth/Vue/index.html
+++ b/apps/demos/Demos/Charts/CustomBarWidth/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/CustomFillStyles/Angular/index.html b/apps/demos/Demos/Charts/CustomFillStyles/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/CustomFillStyles/Angular/index.html
+++ b/apps/demos/Demos/Charts/CustomFillStyles/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/CustomFillStyles/React/index.html b/apps/demos/Demos/Charts/CustomFillStyles/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/CustomFillStyles/React/index.html
+++ b/apps/demos/Demos/Charts/CustomFillStyles/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/CustomFillStyles/Vue/index.html b/apps/demos/Demos/Charts/CustomFillStyles/Vue/index.html
index 97825c599aa0..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/CustomFillStyles/Vue/index.html
+++ b/apps/demos/Demos/Charts/CustomFillStyles/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/CustomizePointsAndLabels/Angular/index.html b/apps/demos/Demos/Charts/CustomizePointsAndLabels/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/CustomizePointsAndLabels/Angular/index.html
+++ b/apps/demos/Demos/Charts/CustomizePointsAndLabels/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/CustomizePointsAndLabels/React/index.html b/apps/demos/Demos/Charts/CustomizePointsAndLabels/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/CustomizePointsAndLabels/React/index.html
+++ b/apps/demos/Demos/Charts/CustomizePointsAndLabels/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/CustomizePointsAndLabels/Vue/index.html b/apps/demos/Demos/Charts/CustomizePointsAndLabels/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Charts/CustomizePointsAndLabels/Vue/index.html
+++ b/apps/demos/Demos/Charts/CustomizePointsAndLabels/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/DiscreteAxisZoomingAndScrolling/Angular/index.html b/apps/demos/Demos/Charts/DiscreteAxisZoomingAndScrolling/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/DiscreteAxisZoomingAndScrolling/Angular/index.html
+++ b/apps/demos/Demos/Charts/DiscreteAxisZoomingAndScrolling/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/DiscreteAxisZoomingAndScrolling/React/index.html b/apps/demos/Demos/Charts/DiscreteAxisZoomingAndScrolling/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/DiscreteAxisZoomingAndScrolling/React/index.html
+++ b/apps/demos/Demos/Charts/DiscreteAxisZoomingAndScrolling/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/DiscreteAxisZoomingAndScrolling/Vue/index.html b/apps/demos/Demos/Charts/DiscreteAxisZoomingAndScrolling/Vue/index.html
index ac930aaf0aed..7369a149272c 100644
--- a/apps/demos/Demos/Charts/DiscreteAxisZoomingAndScrolling/Vue/index.html
+++ b/apps/demos/Demos/Charts/DiscreteAxisZoomingAndScrolling/Vue/index.html
@@ -5,23 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="dx-theme" data-theme="generic.light" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/DiscreteData/Angular/index.html b/apps/demos/Demos/Charts/DiscreteData/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/DiscreteData/Angular/index.html
+++ b/apps/demos/Demos/Charts/DiscreteData/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/DiscreteData/React/index.html b/apps/demos/Demos/Charts/DiscreteData/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/DiscreteData/React/index.html
+++ b/apps/demos/Demos/Charts/DiscreteData/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/DiscreteData/Vue/index.html b/apps/demos/Demos/Charts/DiscreteData/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Charts/DiscreteData/Vue/index.html
+++ b/apps/demos/Demos/Charts/DiscreteData/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/DiscretePointsAggregation/Angular/index.html b/apps/demos/Demos/Charts/DiscretePointsAggregation/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/DiscretePointsAggregation/Angular/index.html
+++ b/apps/demos/Demos/Charts/DiscretePointsAggregation/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/DiscretePointsAggregation/React/index.html b/apps/demos/Demos/Charts/DiscretePointsAggregation/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/DiscretePointsAggregation/React/index.html
+++ b/apps/demos/Demos/Charts/DiscretePointsAggregation/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/DiscretePointsAggregation/Vue/index.html b/apps/demos/Demos/Charts/DiscretePointsAggregation/Vue/index.html
index 5ef27e6077a0..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/DiscretePointsAggregation/Vue/index.html
+++ b/apps/demos/Demos/Charts/DiscretePointsAggregation/Vue/index.html
@@ -6,28 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/Doughnut/Angular/index.html b/apps/demos/Demos/Charts/Doughnut/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/Doughnut/Angular/index.html
+++ b/apps/demos/Demos/Charts/Doughnut/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/Doughnut/React/index.html b/apps/demos/Demos/Charts/Doughnut/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/Doughnut/React/index.html
+++ b/apps/demos/Demos/Charts/Doughnut/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/Doughnut/Vue/index.html b/apps/demos/Demos/Charts/Doughnut/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Charts/Doughnut/Vue/index.html
+++ b/apps/demos/Demos/Charts/Doughnut/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/DoughnutSelection/Angular/index.html b/apps/demos/Demos/Charts/DoughnutSelection/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/DoughnutSelection/Angular/index.html
+++ b/apps/demos/Demos/Charts/DoughnutSelection/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/DoughnutSelection/React/index.html b/apps/demos/Demos/Charts/DoughnutSelection/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/DoughnutSelection/React/index.html
+++ b/apps/demos/Demos/Charts/DoughnutSelection/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/DoughnutSelection/Vue/index.html b/apps/demos/Demos/Charts/DoughnutSelection/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Charts/DoughnutSelection/Vue/index.html
+++ b/apps/demos/Demos/Charts/DoughnutSelection/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/DoughnutWithTopNSeries/Angular/index.html b/apps/demos/Demos/Charts/DoughnutWithTopNSeries/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/DoughnutWithTopNSeries/Angular/index.html
+++ b/apps/demos/Demos/Charts/DoughnutWithTopNSeries/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/DoughnutWithTopNSeries/React/index.html b/apps/demos/Demos/Charts/DoughnutWithTopNSeries/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/DoughnutWithTopNSeries/React/index.html
+++ b/apps/demos/Demos/Charts/DoughnutWithTopNSeries/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/DoughnutWithTopNSeries/Vue/index.html b/apps/demos/Demos/Charts/DoughnutWithTopNSeries/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Charts/DoughnutWithTopNSeries/Vue/index.html
+++ b/apps/demos/Demos/Charts/DoughnutWithTopNSeries/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/DrillDown/Angular/index.html b/apps/demos/Demos/Charts/DrillDown/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/DrillDown/Angular/index.html
+++ b/apps/demos/Demos/Charts/DrillDown/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/DrillDown/React/index.html b/apps/demos/Demos/Charts/DrillDown/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/DrillDown/React/index.html
+++ b/apps/demos/Demos/Charts/DrillDown/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/DrillDown/Vue/index.html b/apps/demos/Demos/Charts/DrillDown/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Charts/DrillDown/Vue/index.html
+++ b/apps/demos/Demos/Charts/DrillDown/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/DynamicSeries/Angular/index.html b/apps/demos/Demos/Charts/DynamicSeries/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/DynamicSeries/Angular/index.html
+++ b/apps/demos/Demos/Charts/DynamicSeries/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/DynamicSeries/React/index.html b/apps/demos/Demos/Charts/DynamicSeries/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/DynamicSeries/React/index.html
+++ b/apps/demos/Demos/Charts/DynamicSeries/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/DynamicSeries/Vue/index.html b/apps/demos/Demos/Charts/DynamicSeries/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Charts/DynamicSeries/Vue/index.html
+++ b/apps/demos/Demos/Charts/DynamicSeries/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/EqualSizePies/Angular/index.html b/apps/demos/Demos/Charts/EqualSizePies/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/EqualSizePies/Angular/index.html
+++ b/apps/demos/Demos/Charts/EqualSizePies/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/EqualSizePies/React/index.html b/apps/demos/Demos/Charts/EqualSizePies/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/EqualSizePies/React/index.html
+++ b/apps/demos/Demos/Charts/EqualSizePies/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/EqualSizePies/Vue/index.html b/apps/demos/Demos/Charts/EqualSizePies/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Charts/EqualSizePies/Vue/index.html
+++ b/apps/demos/Demos/Charts/EqualSizePies/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/ErrorBars/Angular/index.html b/apps/demos/Demos/Charts/ErrorBars/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/ErrorBars/Angular/index.html
+++ b/apps/demos/Demos/Charts/ErrorBars/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/ErrorBars/React/index.html b/apps/demos/Demos/Charts/ErrorBars/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/ErrorBars/React/index.html
+++ b/apps/demos/Demos/Charts/ErrorBars/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/ErrorBars/Vue/index.html b/apps/demos/Demos/Charts/ErrorBars/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Charts/ErrorBars/Vue/index.html
+++ b/apps/demos/Demos/Charts/ErrorBars/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/ExportAndPrintingAPI/Angular/index.html b/apps/demos/Demos/Charts/ExportAndPrintingAPI/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/ExportAndPrintingAPI/Angular/index.html
+++ b/apps/demos/Demos/Charts/ExportAndPrintingAPI/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/ExportAndPrintingAPI/React/index.html b/apps/demos/Demos/Charts/ExportAndPrintingAPI/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/ExportAndPrintingAPI/React/index.html
+++ b/apps/demos/Demos/Charts/ExportAndPrintingAPI/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/ExportAndPrintingAPI/Vue/index.html b/apps/demos/Demos/Charts/ExportAndPrintingAPI/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Charts/ExportAndPrintingAPI/Vue/index.html
+++ b/apps/demos/Demos/Charts/ExportAndPrintingAPI/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/ExportCustomMarkup/Angular/index.html b/apps/demos/Demos/Charts/ExportCustomMarkup/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/ExportCustomMarkup/Angular/index.html
+++ b/apps/demos/Demos/Charts/ExportCustomMarkup/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/ExportCustomMarkup/React/index.html b/apps/demos/Demos/Charts/ExportCustomMarkup/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/ExportCustomMarkup/React/index.html
+++ b/apps/demos/Demos/Charts/ExportCustomMarkup/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/ExportCustomMarkup/Vue/index.html b/apps/demos/Demos/Charts/ExportCustomMarkup/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Charts/ExportCustomMarkup/Vue/index.html
+++ b/apps/demos/Demos/Charts/ExportCustomMarkup/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/ExportSeveralCharts/Angular/index.html b/apps/demos/Demos/Charts/ExportSeveralCharts/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/ExportSeveralCharts/Angular/index.html
+++ b/apps/demos/Demos/Charts/ExportSeveralCharts/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/ExportSeveralCharts/React/index.html b/apps/demos/Demos/Charts/ExportSeveralCharts/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/ExportSeveralCharts/React/index.html
+++ b/apps/demos/Demos/Charts/ExportSeveralCharts/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/ExportSeveralCharts/Vue/index.html b/apps/demos/Demos/Charts/ExportSeveralCharts/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Charts/ExportSeveralCharts/Vue/index.html
+++ b/apps/demos/Demos/Charts/ExportSeveralCharts/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/FlatDataStructure/Angular/index.html b/apps/demos/Demos/Charts/FlatDataStructure/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/FlatDataStructure/Angular/index.html
+++ b/apps/demos/Demos/Charts/FlatDataStructure/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/FlatDataStructure/React/index.html b/apps/demos/Demos/Charts/FlatDataStructure/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/FlatDataStructure/React/index.html
+++ b/apps/demos/Demos/Charts/FlatDataStructure/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/FlatDataStructure/Vue/index.html b/apps/demos/Demos/Charts/FlatDataStructure/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Charts/FlatDataStructure/Vue/index.html
+++ b/apps/demos/Demos/Charts/FlatDataStructure/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/FullStackedBar/Angular/index.html b/apps/demos/Demos/Charts/FullStackedBar/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/FullStackedBar/Angular/index.html
+++ b/apps/demos/Demos/Charts/FullStackedBar/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/FullStackedBar/React/index.html b/apps/demos/Demos/Charts/FullStackedBar/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/FullStackedBar/React/index.html
+++ b/apps/demos/Demos/Charts/FullStackedBar/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/FullStackedBar/Vue/index.html b/apps/demos/Demos/Charts/FullStackedBar/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Charts/FullStackedBar/Vue/index.html
+++ b/apps/demos/Demos/Charts/FullStackedBar/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/FunnelChart/Angular/index.html b/apps/demos/Demos/Charts/FunnelChart/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/FunnelChart/Angular/index.html
+++ b/apps/demos/Demos/Charts/FunnelChart/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/FunnelChart/React/index.html b/apps/demos/Demos/Charts/FunnelChart/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/FunnelChart/React/index.html
+++ b/apps/demos/Demos/Charts/FunnelChart/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/FunnelChart/Vue/index.html b/apps/demos/Demos/Charts/FunnelChart/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Charts/FunnelChart/Vue/index.html
+++ b/apps/demos/Demos/Charts/FunnelChart/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/HierarchicalDataStructure/Angular/index.html b/apps/demos/Demos/Charts/HierarchicalDataStructure/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/HierarchicalDataStructure/Angular/index.html
+++ b/apps/demos/Demos/Charts/HierarchicalDataStructure/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/HierarchicalDataStructure/React/index.html b/apps/demos/Demos/Charts/HierarchicalDataStructure/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/HierarchicalDataStructure/React/index.html
+++ b/apps/demos/Demos/Charts/HierarchicalDataStructure/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/HierarchicalDataStructure/Vue/index.html b/apps/demos/Demos/Charts/HierarchicalDataStructure/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Charts/HierarchicalDataStructure/Vue/index.html
+++ b/apps/demos/Demos/Charts/HierarchicalDataStructure/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/HoverMode/Angular/index.html b/apps/demos/Demos/Charts/HoverMode/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/HoverMode/Angular/index.html
+++ b/apps/demos/Demos/Charts/HoverMode/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/HoverMode/React/index.html b/apps/demos/Demos/Charts/HoverMode/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/HoverMode/React/index.html
+++ b/apps/demos/Demos/Charts/HoverMode/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/HoverMode/Vue/index.html b/apps/demos/Demos/Charts/HoverMode/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Charts/HoverMode/Vue/index.html
+++ b/apps/demos/Demos/Charts/HoverMode/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/InvertedChart/Angular/index.html b/apps/demos/Demos/Charts/InvertedChart/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/InvertedChart/Angular/index.html
+++ b/apps/demos/Demos/Charts/InvertedChart/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/InvertedChart/React/index.html b/apps/demos/Demos/Charts/InvertedChart/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/InvertedChart/React/index.html
+++ b/apps/demos/Demos/Charts/InvertedChart/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/InvertedChart/Vue/index.html b/apps/demos/Demos/Charts/InvertedChart/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Charts/InvertedChart/Vue/index.html
+++ b/apps/demos/Demos/Charts/InvertedChart/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/LabelCustomization/Angular/index.html b/apps/demos/Demos/Charts/LabelCustomization/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/LabelCustomization/Angular/index.html
+++ b/apps/demos/Demos/Charts/LabelCustomization/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/LabelCustomization/React/index.html b/apps/demos/Demos/Charts/LabelCustomization/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/LabelCustomization/React/index.html
+++ b/apps/demos/Demos/Charts/LabelCustomization/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/LabelCustomization/Vue/index.html b/apps/demos/Demos/Charts/LabelCustomization/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Charts/LabelCustomization/Vue/index.html
+++ b/apps/demos/Demos/Charts/LabelCustomization/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/LegendMarkersCustomization/Angular/index.html b/apps/demos/Demos/Charts/LegendMarkersCustomization/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/LegendMarkersCustomization/Angular/index.html
+++ b/apps/demos/Demos/Charts/LegendMarkersCustomization/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/LegendMarkersCustomization/React/index.html b/apps/demos/Demos/Charts/LegendMarkersCustomization/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/LegendMarkersCustomization/React/index.html
+++ b/apps/demos/Demos/Charts/LegendMarkersCustomization/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/LegendMarkersCustomization/Vue/index.html b/apps/demos/Demos/Charts/LegendMarkersCustomization/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Charts/LegendMarkersCustomization/Vue/index.html
+++ b/apps/demos/Demos/Charts/LegendMarkersCustomization/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/Line/Angular/index.html b/apps/demos/Demos/Charts/Line/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/Line/Angular/index.html
+++ b/apps/demos/Demos/Charts/Line/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/Line/React/index.html b/apps/demos/Demos/Charts/Line/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/Line/React/index.html
+++ b/apps/demos/Demos/Charts/Line/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/Line/Vue/index.html b/apps/demos/Demos/Charts/Line/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Charts/Line/Vue/index.html
+++ b/apps/demos/Demos/Charts/Line/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/LoadDataOnDemand/Angular/index.html b/apps/demos/Demos/Charts/LoadDataOnDemand/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/LoadDataOnDemand/Angular/index.html
+++ b/apps/demos/Demos/Charts/LoadDataOnDemand/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/LoadDataOnDemand/React/index.html b/apps/demos/Demos/Charts/LoadDataOnDemand/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/LoadDataOnDemand/React/index.html
+++ b/apps/demos/Demos/Charts/LoadDataOnDemand/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/LoadDataOnDemand/Vue/index.html b/apps/demos/Demos/Charts/LoadDataOnDemand/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Charts/LoadDataOnDemand/Vue/index.html
+++ b/apps/demos/Demos/Charts/LoadDataOnDemand/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/LogarithmicAxis/Angular/index.html b/apps/demos/Demos/Charts/LogarithmicAxis/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/LogarithmicAxis/Angular/index.html
+++ b/apps/demos/Demos/Charts/LogarithmicAxis/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/LogarithmicAxis/React/index.html b/apps/demos/Demos/Charts/LogarithmicAxis/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/LogarithmicAxis/React/index.html
+++ b/apps/demos/Demos/Charts/LogarithmicAxis/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/LogarithmicAxis/Vue/index.html b/apps/demos/Demos/Charts/LogarithmicAxis/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Charts/LogarithmicAxis/Vue/index.html
+++ b/apps/demos/Demos/Charts/LogarithmicAxis/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/LogarithmicVsLinearAxes/Angular/index.html b/apps/demos/Demos/Charts/LogarithmicVsLinearAxes/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/LogarithmicVsLinearAxes/Angular/index.html
+++ b/apps/demos/Demos/Charts/LogarithmicVsLinearAxes/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/LogarithmicVsLinearAxes/React/index.html b/apps/demos/Demos/Charts/LogarithmicVsLinearAxes/React/index.html
index 798562b68bc3..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/LogarithmicVsLinearAxes/React/index.html
+++ b/apps/demos/Demos/Charts/LogarithmicVsLinearAxes/React/index.html
@@ -5,20 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="dx-theme" data-theme="generic.light" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/LogarithmicVsLinearAxes/Vue/index.html b/apps/demos/Demos/Charts/LogarithmicVsLinearAxes/Vue/index.html
index ac930aaf0aed..7369a149272c 100644
--- a/apps/demos/Demos/Charts/LogarithmicVsLinearAxes/Vue/index.html
+++ b/apps/demos/Demos/Charts/LogarithmicVsLinearAxes/Vue/index.html
@@ -5,23 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="dx-theme" data-theme="generic.light" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/MultipleAxes/Angular/index.html b/apps/demos/Demos/Charts/MultipleAxes/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/MultipleAxes/Angular/index.html
+++ b/apps/demos/Demos/Charts/MultipleAxes/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/MultipleAxes/React/index.html b/apps/demos/Demos/Charts/MultipleAxes/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/MultipleAxes/React/index.html
+++ b/apps/demos/Demos/Charts/MultipleAxes/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/MultipleAxes/Vue/index.html b/apps/demos/Demos/Charts/MultipleAxes/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Charts/MultipleAxes/Vue/index.html
+++ b/apps/demos/Demos/Charts/MultipleAxes/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/MultiplePanes/Angular/index.html b/apps/demos/Demos/Charts/MultiplePanes/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/MultiplePanes/Angular/index.html
+++ b/apps/demos/Demos/Charts/MultiplePanes/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/MultiplePanes/React/index.html b/apps/demos/Demos/Charts/MultiplePanes/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/MultiplePanes/React/index.html
+++ b/apps/demos/Demos/Charts/MultiplePanes/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/MultiplePanes/Vue/index.html b/apps/demos/Demos/Charts/MultiplePanes/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Charts/MultiplePanes/Vue/index.html
+++ b/apps/demos/Demos/Charts/MultiplePanes/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/MultiplePointSelection/Angular/index.html b/apps/demos/Demos/Charts/MultiplePointSelection/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/MultiplePointSelection/Angular/index.html
+++ b/apps/demos/Demos/Charts/MultiplePointSelection/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/MultiplePointSelection/React/index.html b/apps/demos/Demos/Charts/MultiplePointSelection/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/MultiplePointSelection/React/index.html
+++ b/apps/demos/Demos/Charts/MultiplePointSelection/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/MultiplePointSelection/Vue/index.html b/apps/demos/Demos/Charts/MultiplePointSelection/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Charts/MultiplePointSelection/Vue/index.html
+++ b/apps/demos/Demos/Charts/MultiplePointSelection/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/MultipleSeriesSelection/Angular/index.html b/apps/demos/Demos/Charts/MultipleSeriesSelection/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/MultipleSeriesSelection/Angular/index.html
+++ b/apps/demos/Demos/Charts/MultipleSeriesSelection/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/MultipleSeriesSelection/React/index.html b/apps/demos/Demos/Charts/MultipleSeriesSelection/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/MultipleSeriesSelection/React/index.html
+++ b/apps/demos/Demos/Charts/MultipleSeriesSelection/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/MultipleSeriesSelection/Vue/index.html b/apps/demos/Demos/Charts/MultipleSeriesSelection/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Charts/MultipleSeriesSelection/Vue/index.html
+++ b/apps/demos/Demos/Charts/MultipleSeriesSelection/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/NullPointSupport/Angular/index.html b/apps/demos/Demos/Charts/NullPointSupport/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/NullPointSupport/Angular/index.html
+++ b/apps/demos/Demos/Charts/NullPointSupport/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/NullPointSupport/React/index.html b/apps/demos/Demos/Charts/NullPointSupport/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/NullPointSupport/React/index.html
+++ b/apps/demos/Demos/Charts/NullPointSupport/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/NullPointSupport/Vue/index.html b/apps/demos/Demos/Charts/NullPointSupport/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Charts/NullPointSupport/Vue/index.html
+++ b/apps/demos/Demos/Charts/NullPointSupport/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/Overview/Angular/index.html b/apps/demos/Demos/Charts/Overview/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/Overview/Angular/index.html
+++ b/apps/demos/Demos/Charts/Overview/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/Overview/React/index.html b/apps/demos/Demos/Charts/Overview/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/Overview/React/index.html
+++ b/apps/demos/Demos/Charts/Overview/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/Overview/Vue/index.html b/apps/demos/Demos/Charts/Overview/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Charts/Overview/Vue/index.html
+++ b/apps/demos/Demos/Charts/Overview/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/Palette/Angular/index.html b/apps/demos/Demos/Charts/Palette/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/Palette/Angular/index.html
+++ b/apps/demos/Demos/Charts/Palette/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/Palette/React/index.html b/apps/demos/Demos/Charts/Palette/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/Palette/React/index.html
+++ b/apps/demos/Demos/Charts/Palette/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/Palette/Vue/index.html b/apps/demos/Demos/Charts/Palette/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Charts/Palette/Vue/index.html
+++ b/apps/demos/Demos/Charts/Palette/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/ParetoChart/Angular/index.html b/apps/demos/Demos/Charts/ParetoChart/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/ParetoChart/Angular/index.html
+++ b/apps/demos/Demos/Charts/ParetoChart/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/ParetoChart/React/index.html b/apps/demos/Demos/Charts/ParetoChart/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/ParetoChart/React/index.html
+++ b/apps/demos/Demos/Charts/ParetoChart/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/ParetoChart/Vue/index.html b/apps/demos/Demos/Charts/ParetoChart/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Charts/ParetoChart/Vue/index.html
+++ b/apps/demos/Demos/Charts/ParetoChart/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/PeriodicData/Angular/index.html b/apps/demos/Demos/Charts/PeriodicData/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/PeriodicData/Angular/index.html
+++ b/apps/demos/Demos/Charts/PeriodicData/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/PeriodicData/React/index.html b/apps/demos/Demos/Charts/PeriodicData/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/PeriodicData/React/index.html
+++ b/apps/demos/Demos/Charts/PeriodicData/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/PeriodicData/Vue/index.html b/apps/demos/Demos/Charts/PeriodicData/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Charts/PeriodicData/Vue/index.html
+++ b/apps/demos/Demos/Charts/PeriodicData/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/Pie/Angular/index.html b/apps/demos/Demos/Charts/Pie/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/Pie/Angular/index.html
+++ b/apps/demos/Demos/Charts/Pie/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/Pie/React/index.html b/apps/demos/Demos/Charts/Pie/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/Pie/React/index.html
+++ b/apps/demos/Demos/Charts/Pie/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/Pie/Vue/index.html b/apps/demos/Demos/Charts/Pie/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Charts/Pie/Vue/index.html
+++ b/apps/demos/Demos/Charts/Pie/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/PieAnnotations/Angular/index.html b/apps/demos/Demos/Charts/PieAnnotations/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/PieAnnotations/Angular/index.html
+++ b/apps/demos/Demos/Charts/PieAnnotations/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/PieAnnotations/React/index.html b/apps/demos/Demos/Charts/PieAnnotations/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/PieAnnotations/React/index.html
+++ b/apps/demos/Demos/Charts/PieAnnotations/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/PieAnnotations/Vue/index.html b/apps/demos/Demos/Charts/PieAnnotations/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Charts/PieAnnotations/Vue/index.html
+++ b/apps/demos/Demos/Charts/PieAnnotations/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/PieResolveLabelOverlap/Angular/index.html b/apps/demos/Demos/Charts/PieResolveLabelOverlap/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/PieResolveLabelOverlap/Angular/index.html
+++ b/apps/demos/Demos/Charts/PieResolveLabelOverlap/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/PieResolveLabelOverlap/React/index.html b/apps/demos/Demos/Charts/PieResolveLabelOverlap/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/PieResolveLabelOverlap/React/index.html
+++ b/apps/demos/Demos/Charts/PieResolveLabelOverlap/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/PieResolveLabelOverlap/Vue/index.html b/apps/demos/Demos/Charts/PieResolveLabelOverlap/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Charts/PieResolveLabelOverlap/Vue/index.html
+++ b/apps/demos/Demos/Charts/PieResolveLabelOverlap/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/PieWithMultipleSeries/Angular/index.html b/apps/demos/Demos/Charts/PieWithMultipleSeries/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/PieWithMultipleSeries/Angular/index.html
+++ b/apps/demos/Demos/Charts/PieWithMultipleSeries/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/PieWithMultipleSeries/React/index.html b/apps/demos/Demos/Charts/PieWithMultipleSeries/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/PieWithMultipleSeries/React/index.html
+++ b/apps/demos/Demos/Charts/PieWithMultipleSeries/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/PieWithMultipleSeries/Vue/index.html b/apps/demos/Demos/Charts/PieWithMultipleSeries/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Charts/PieWithMultipleSeries/Vue/index.html
+++ b/apps/demos/Demos/Charts/PieWithMultipleSeries/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/PointImage/Angular/index.html b/apps/demos/Demos/Charts/PointImage/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/PointImage/Angular/index.html
+++ b/apps/demos/Demos/Charts/PointImage/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/PointImage/React/index.html b/apps/demos/Demos/Charts/PointImage/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/PointImage/React/index.html
+++ b/apps/demos/Demos/Charts/PointImage/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/PointImage/Vue/index.html b/apps/demos/Demos/Charts/PointImage/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Charts/PointImage/Vue/index.html
+++ b/apps/demos/Demos/Charts/PointImage/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/PointSelectionAPI/Angular/index.html b/apps/demos/Demos/Charts/PointSelectionAPI/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/PointSelectionAPI/Angular/index.html
+++ b/apps/demos/Demos/Charts/PointSelectionAPI/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/PointSelectionAPI/React/index.html b/apps/demos/Demos/Charts/PointSelectionAPI/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/PointSelectionAPI/React/index.html
+++ b/apps/demos/Demos/Charts/PointSelectionAPI/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/PointSelectionAPI/Vue/index.html b/apps/demos/Demos/Charts/PointSelectionAPI/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Charts/PointSelectionAPI/Vue/index.html
+++ b/apps/demos/Demos/Charts/PointSelectionAPI/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/PointsAggregation/Angular/index.html b/apps/demos/Demos/Charts/PointsAggregation/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/PointsAggregation/Angular/index.html
+++ b/apps/demos/Demos/Charts/PointsAggregation/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/PointsAggregation/React/index.html b/apps/demos/Demos/Charts/PointsAggregation/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/PointsAggregation/React/index.html
+++ b/apps/demos/Demos/Charts/PointsAggregation/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/PointsAggregation/Vue/index.html b/apps/demos/Demos/Charts/PointsAggregation/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Charts/PointsAggregation/Vue/index.html
+++ b/apps/demos/Demos/Charts/PointsAggregation/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/PointsAggregationFinancialChart/Angular/index.html b/apps/demos/Demos/Charts/PointsAggregationFinancialChart/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/PointsAggregationFinancialChart/Angular/index.html
+++ b/apps/demos/Demos/Charts/PointsAggregationFinancialChart/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/PointsAggregationFinancialChart/React/index.html b/apps/demos/Demos/Charts/PointsAggregationFinancialChart/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/PointsAggregationFinancialChart/React/index.html
+++ b/apps/demos/Demos/Charts/PointsAggregationFinancialChart/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/PointsAggregationFinancialChart/Vue/index.html b/apps/demos/Demos/Charts/PointsAggregationFinancialChart/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Charts/PointsAggregationFinancialChart/Vue/index.html
+++ b/apps/demos/Demos/Charts/PointsAggregationFinancialChart/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/PolarChartAnnotations/Angular/index.html b/apps/demos/Demos/Charts/PolarChartAnnotations/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/PolarChartAnnotations/Angular/index.html
+++ b/apps/demos/Demos/Charts/PolarChartAnnotations/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/PolarChartAnnotations/React/index.html b/apps/demos/Demos/Charts/PolarChartAnnotations/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/PolarChartAnnotations/React/index.html
+++ b/apps/demos/Demos/Charts/PolarChartAnnotations/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/PolarChartAnnotations/Vue/index.html b/apps/demos/Demos/Charts/PolarChartAnnotations/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Charts/PolarChartAnnotations/Vue/index.html
+++ b/apps/demos/Demos/Charts/PolarChartAnnotations/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/PolarChartZoomingAndScrollingAPI/Angular/index.html b/apps/demos/Demos/Charts/PolarChartZoomingAndScrollingAPI/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/PolarChartZoomingAndScrollingAPI/Angular/index.html
+++ b/apps/demos/Demos/Charts/PolarChartZoomingAndScrollingAPI/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/PolarChartZoomingAndScrollingAPI/React/index.html b/apps/demos/Demos/Charts/PolarChartZoomingAndScrollingAPI/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/PolarChartZoomingAndScrollingAPI/React/index.html
+++ b/apps/demos/Demos/Charts/PolarChartZoomingAndScrollingAPI/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/PolarChartZoomingAndScrollingAPI/Vue/index.html b/apps/demos/Demos/Charts/PolarChartZoomingAndScrollingAPI/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Charts/PolarChartZoomingAndScrollingAPI/Vue/index.html
+++ b/apps/demos/Demos/Charts/PolarChartZoomingAndScrollingAPI/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/PyramidChart/Angular/index.html b/apps/demos/Demos/Charts/PyramidChart/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/PyramidChart/Angular/index.html
+++ b/apps/demos/Demos/Charts/PyramidChart/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/PyramidChart/React/index.html b/apps/demos/Demos/Charts/PyramidChart/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/PyramidChart/React/index.html
+++ b/apps/demos/Demos/Charts/PyramidChart/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/PyramidChart/Vue/index.html b/apps/demos/Demos/Charts/PyramidChart/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Charts/PyramidChart/Vue/index.html
+++ b/apps/demos/Demos/Charts/PyramidChart/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/RangeArea/Angular/index.html b/apps/demos/Demos/Charts/RangeArea/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/RangeArea/Angular/index.html
+++ b/apps/demos/Demos/Charts/RangeArea/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/RangeArea/React/index.html b/apps/demos/Demos/Charts/RangeArea/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/RangeArea/React/index.html
+++ b/apps/demos/Demos/Charts/RangeArea/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/RangeArea/Vue/index.html b/apps/demos/Demos/Charts/RangeArea/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Charts/RangeArea/Vue/index.html
+++ b/apps/demos/Demos/Charts/RangeArea/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/RangeBar/Angular/index.html b/apps/demos/Demos/Charts/RangeBar/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/RangeBar/Angular/index.html
+++ b/apps/demos/Demos/Charts/RangeBar/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/RangeBar/React/index.html b/apps/demos/Demos/Charts/RangeBar/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/RangeBar/React/index.html
+++ b/apps/demos/Demos/Charts/RangeBar/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/RangeBar/Vue/index.html b/apps/demos/Demos/Charts/RangeBar/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Charts/RangeBar/Vue/index.html
+++ b/apps/demos/Demos/Charts/RangeBar/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/ResolveLabelOverlap/Angular/index.html b/apps/demos/Demos/Charts/ResolveLabelOverlap/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/ResolveLabelOverlap/Angular/index.html
+++ b/apps/demos/Demos/Charts/ResolveLabelOverlap/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/ResolveLabelOverlap/React/index.html b/apps/demos/Demos/Charts/ResolveLabelOverlap/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/ResolveLabelOverlap/React/index.html
+++ b/apps/demos/Demos/Charts/ResolveLabelOverlap/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/ResolveLabelOverlap/Vue/index.html b/apps/demos/Demos/Charts/ResolveLabelOverlap/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Charts/ResolveLabelOverlap/Vue/index.html
+++ b/apps/demos/Demos/Charts/ResolveLabelOverlap/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/SankeyChart/Angular/index.html b/apps/demos/Demos/Charts/SankeyChart/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/SankeyChart/Angular/index.html
+++ b/apps/demos/Demos/Charts/SankeyChart/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/SankeyChart/React/index.html b/apps/demos/Demos/Charts/SankeyChart/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/SankeyChart/React/index.html
+++ b/apps/demos/Demos/Charts/SankeyChart/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/SankeyChart/Vue/index.html b/apps/demos/Demos/Charts/SankeyChart/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Charts/SankeyChart/Vue/index.html
+++ b/apps/demos/Demos/Charts/SankeyChart/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/ScaleBreaks/Angular/index.html b/apps/demos/Demos/Charts/ScaleBreaks/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/ScaleBreaks/Angular/index.html
+++ b/apps/demos/Demos/Charts/ScaleBreaks/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/ScaleBreaks/React/index.html b/apps/demos/Demos/Charts/ScaleBreaks/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/ScaleBreaks/React/index.html
+++ b/apps/demos/Demos/Charts/ScaleBreaks/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/ScaleBreaks/Vue/index.html b/apps/demos/Demos/Charts/ScaleBreaks/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Charts/ScaleBreaks/Vue/index.html
+++ b/apps/demos/Demos/Charts/ScaleBreaks/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/Scatter/Angular/index.html b/apps/demos/Demos/Charts/Scatter/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/Scatter/Angular/index.html
+++ b/apps/demos/Demos/Charts/Scatter/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/Scatter/React/index.html b/apps/demos/Demos/Charts/Scatter/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/Scatter/React/index.html
+++ b/apps/demos/Demos/Charts/Scatter/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/Scatter/Vue/index.html b/apps/demos/Demos/Charts/Scatter/Vue/index.html
index 99d70e0cafb0..f0bbf9e9c2ea 100644
--- a/apps/demos/Demos/Charts/Scatter/Vue/index.html
+++ b/apps/demos/Demos/Charts/Scatter/Vue/index.html
@@ -6,24 +6,14 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app">
         <span v-if="false">Loading...</span>
       </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/Selection/Angular/index.html b/apps/demos/Demos/Charts/Selection/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/Selection/Angular/index.html
+++ b/apps/demos/Demos/Charts/Selection/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/Selection/React/index.html b/apps/demos/Demos/Charts/Selection/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/Selection/React/index.html
+++ b/apps/demos/Demos/Charts/Selection/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/Selection/Vue/index.html b/apps/demos/Demos/Charts/Selection/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Charts/Selection/Vue/index.html
+++ b/apps/demos/Demos/Charts/Selection/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/ServerSideDataProcessing/Angular/index.html b/apps/demos/Demos/Charts/ServerSideDataProcessing/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/ServerSideDataProcessing/Angular/index.html
+++ b/apps/demos/Demos/Charts/ServerSideDataProcessing/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/ServerSideDataProcessing/React/index.html b/apps/demos/Demos/Charts/ServerSideDataProcessing/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/ServerSideDataProcessing/React/index.html
+++ b/apps/demos/Demos/Charts/ServerSideDataProcessing/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/ServerSideDataProcessing/Vue/index.html b/apps/demos/Demos/Charts/ServerSideDataProcessing/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Charts/ServerSideDataProcessing/Vue/index.html
+++ b/apps/demos/Demos/Charts/ServerSideDataProcessing/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/SideBySideBar/Angular/index.html b/apps/demos/Demos/Charts/SideBySideBar/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/SideBySideBar/Angular/index.html
+++ b/apps/demos/Demos/Charts/SideBySideBar/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/SideBySideBar/React/index.html b/apps/demos/Demos/Charts/SideBySideBar/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/SideBySideBar/React/index.html
+++ b/apps/demos/Demos/Charts/SideBySideBar/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/SideBySideBar/Vue/index.html b/apps/demos/Demos/Charts/SideBySideBar/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Charts/SideBySideBar/Vue/index.html
+++ b/apps/demos/Demos/Charts/SideBySideBar/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/SideBySideFullStackedBar/Angular/index.html b/apps/demos/Demos/Charts/SideBySideFullStackedBar/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/SideBySideFullStackedBar/Angular/index.html
+++ b/apps/demos/Demos/Charts/SideBySideFullStackedBar/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/SideBySideFullStackedBar/React/index.html b/apps/demos/Demos/Charts/SideBySideFullStackedBar/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/SideBySideFullStackedBar/React/index.html
+++ b/apps/demos/Demos/Charts/SideBySideFullStackedBar/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/SideBySideFullStackedBar/Vue/index.html b/apps/demos/Demos/Charts/SideBySideFullStackedBar/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Charts/SideBySideFullStackedBar/Vue/index.html
+++ b/apps/demos/Demos/Charts/SideBySideFullStackedBar/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/SideBySideStackedBar/Angular/index.html b/apps/demos/Demos/Charts/SideBySideStackedBar/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/SideBySideStackedBar/Angular/index.html
+++ b/apps/demos/Demos/Charts/SideBySideStackedBar/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/SideBySideStackedBar/React/index.html b/apps/demos/Demos/Charts/SideBySideStackedBar/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/SideBySideStackedBar/React/index.html
+++ b/apps/demos/Demos/Charts/SideBySideStackedBar/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/SideBySideStackedBar/Vue/index.html b/apps/demos/Demos/Charts/SideBySideStackedBar/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Charts/SideBySideStackedBar/Vue/index.html
+++ b/apps/demos/Demos/Charts/SideBySideStackedBar/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/SignalRService/Angular/index.html b/apps/demos/Demos/Charts/SignalRService/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/SignalRService/Angular/index.html
+++ b/apps/demos/Demos/Charts/SignalRService/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/SignalRService/React/index.html b/apps/demos/Demos/Charts/SignalRService/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/SignalRService/React/index.html
+++ b/apps/demos/Demos/Charts/SignalRService/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/SignalRService/Vue/index.html b/apps/demos/Demos/Charts/SignalRService/Vue/index.html
index 8b0eb3ef5402..7369a149272c 100644
--- a/apps/demos/Demos/Charts/SignalRService/Vue/index.html
+++ b/apps/demos/Demos/Charts/SignalRService/Vue/index.html
@@ -6,27 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/SimpleArray/Angular/index.html b/apps/demos/Demos/Charts/SimpleArray/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/SimpleArray/Angular/index.html
+++ b/apps/demos/Demos/Charts/SimpleArray/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/SimpleArray/React/index.html b/apps/demos/Demos/Charts/SimpleArray/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/SimpleArray/React/index.html
+++ b/apps/demos/Demos/Charts/SimpleArray/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/SimpleArray/Vue/index.html b/apps/demos/Demos/Charts/SimpleArray/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Charts/SimpleArray/Vue/index.html
+++ b/apps/demos/Demos/Charts/SimpleArray/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/SimpleBullets/Angular/index.html b/apps/demos/Demos/Charts/SimpleBullets/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/SimpleBullets/Angular/index.html
+++ b/apps/demos/Demos/Charts/SimpleBullets/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/SimpleBullets/React/index.html b/apps/demos/Demos/Charts/SimpleBullets/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/SimpleBullets/React/index.html
+++ b/apps/demos/Demos/Charts/SimpleBullets/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/SimpleBullets/Vue/index.html b/apps/demos/Demos/Charts/SimpleBullets/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Charts/SimpleBullets/Vue/index.html
+++ b/apps/demos/Demos/Charts/SimpleBullets/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/SimpleSparklines/Angular/index.html b/apps/demos/Demos/Charts/SimpleSparklines/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/SimpleSparklines/Angular/index.html
+++ b/apps/demos/Demos/Charts/SimpleSparklines/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/SimpleSparklines/React/index.html b/apps/demos/Demos/Charts/SimpleSparklines/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/SimpleSparklines/React/index.html
+++ b/apps/demos/Demos/Charts/SimpleSparklines/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/SimpleSparklines/Vue/index.html b/apps/demos/Demos/Charts/SimpleSparklines/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Charts/SimpleSparklines/Vue/index.html
+++ b/apps/demos/Demos/Charts/SimpleSparklines/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/SmallValueGroups/Angular/index.html b/apps/demos/Demos/Charts/SmallValueGroups/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/SmallValueGroups/Angular/index.html
+++ b/apps/demos/Demos/Charts/SmallValueGroups/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/SmallValueGroups/React/index.html b/apps/demos/Demos/Charts/SmallValueGroups/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/SmallValueGroups/React/index.html
+++ b/apps/demos/Demos/Charts/SmallValueGroups/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/SmallValueGroups/Vue/index.html b/apps/demos/Demos/Charts/SmallValueGroups/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Charts/SmallValueGroups/Vue/index.html
+++ b/apps/demos/Demos/Charts/SmallValueGroups/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/SpiderWeb/Angular/index.html b/apps/demos/Demos/Charts/SpiderWeb/Angular/index.html
index 3105ab5cad73..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/SpiderWeb/Angular/index.html
+++ b/apps/demos/Demos/Charts/SpiderWeb/Angular/index.html
@@ -1,27 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="preload" href="https://fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBHMdazQ.woff2" as="font" type="font/woff2" crossorigin />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/SpiderWeb/React/index.html b/apps/demos/Demos/Charts/SpiderWeb/React/index.html
index 08134b260e08..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/SpiderWeb/React/index.html
+++ b/apps/demos/Demos/Charts/SpiderWeb/React/index.html
@@ -5,21 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="preload" href="https://fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBHMdazQ.woff2" as="font" type="font/woff2" crossorigin />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/SpiderWeb/Vue/index.html b/apps/demos/Demos/Charts/SpiderWeb/Vue/index.html
index 3b9a31a52963..7369a149272c 100644
--- a/apps/demos/Demos/Charts/SpiderWeb/Vue/index.html
+++ b/apps/demos/Demos/Charts/SpiderWeb/Vue/index.html
@@ -5,24 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="preload" href="https://fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBHMdazQ.woff2" as="font" type="font/woff2" crossorigin />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/Spline/Angular/index.html b/apps/demos/Demos/Charts/Spline/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/Spline/Angular/index.html
+++ b/apps/demos/Demos/Charts/Spline/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/Spline/React/index.html b/apps/demos/Demos/Charts/Spline/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/Spline/React/index.html
+++ b/apps/demos/Demos/Charts/Spline/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/Spline/Vue/index.html b/apps/demos/Demos/Charts/Spline/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Charts/Spline/Vue/index.html
+++ b/apps/demos/Demos/Charts/Spline/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/SplineArea/Angular/index.html b/apps/demos/Demos/Charts/SplineArea/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/SplineArea/Angular/index.html
+++ b/apps/demos/Demos/Charts/SplineArea/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/SplineArea/React/index.html b/apps/demos/Demos/Charts/SplineArea/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/SplineArea/React/index.html
+++ b/apps/demos/Demos/Charts/SplineArea/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/SplineArea/Vue/index.html b/apps/demos/Demos/Charts/SplineArea/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Charts/SplineArea/Vue/index.html
+++ b/apps/demos/Demos/Charts/SplineArea/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/StackedBar/Angular/index.html b/apps/demos/Demos/Charts/StackedBar/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/StackedBar/Angular/index.html
+++ b/apps/demos/Demos/Charts/StackedBar/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/StackedBar/React/index.html b/apps/demos/Demos/Charts/StackedBar/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/StackedBar/React/index.html
+++ b/apps/demos/Demos/Charts/StackedBar/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/StackedBar/Vue/index.html b/apps/demos/Demos/Charts/StackedBar/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Charts/StackedBar/Vue/index.html
+++ b/apps/demos/Demos/Charts/StackedBar/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/StandardBar/Angular/index.html b/apps/demos/Demos/Charts/StandardBar/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/StandardBar/Angular/index.html
+++ b/apps/demos/Demos/Charts/StandardBar/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/StandardBar/React/index.html b/apps/demos/Demos/Charts/StandardBar/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/StandardBar/React/index.html
+++ b/apps/demos/Demos/Charts/StandardBar/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/StandardBar/Vue/index.html b/apps/demos/Demos/Charts/StandardBar/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Charts/StandardBar/Vue/index.html
+++ b/apps/demos/Demos/Charts/StandardBar/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/StepArea/Angular/index.html b/apps/demos/Demos/Charts/StepArea/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/StepArea/Angular/index.html
+++ b/apps/demos/Demos/Charts/StepArea/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/StepArea/React/index.html b/apps/demos/Demos/Charts/StepArea/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/StepArea/React/index.html
+++ b/apps/demos/Demos/Charts/StepArea/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/StepArea/Vue/index.html b/apps/demos/Demos/Charts/StepArea/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Charts/StepArea/Vue/index.html
+++ b/apps/demos/Demos/Charts/StepArea/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/StepLine/Angular/index.html b/apps/demos/Demos/Charts/StepLine/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/StepLine/Angular/index.html
+++ b/apps/demos/Demos/Charts/StepLine/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/StepLine/React/index.html b/apps/demos/Demos/Charts/StepLine/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/StepLine/React/index.html
+++ b/apps/demos/Demos/Charts/StepLine/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/StepLine/Vue/index.html b/apps/demos/Demos/Charts/StepLine/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Charts/StepLine/Vue/index.html
+++ b/apps/demos/Demos/Charts/StepLine/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/Stock/Angular/index.html b/apps/demos/Demos/Charts/Stock/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/Stock/Angular/index.html
+++ b/apps/demos/Demos/Charts/Stock/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/Stock/React/index.html b/apps/demos/Demos/Charts/Stock/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/Stock/React/index.html
+++ b/apps/demos/Demos/Charts/Stock/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/Stock/Vue/index.html b/apps/demos/Demos/Charts/Stock/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Charts/Stock/Vue/index.html
+++ b/apps/demos/Demos/Charts/Stock/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/Strips/Angular/index.html b/apps/demos/Demos/Charts/Strips/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/Strips/Angular/index.html
+++ b/apps/demos/Demos/Charts/Strips/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/Strips/React/index.html b/apps/demos/Demos/Charts/Strips/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/Strips/React/index.html
+++ b/apps/demos/Demos/Charts/Strips/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/Strips/Vue/index.html b/apps/demos/Demos/Charts/Strips/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Charts/Strips/Vue/index.html
+++ b/apps/demos/Demos/Charts/Strips/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/TilingAlgorithms/Angular/index.html b/apps/demos/Demos/Charts/TilingAlgorithms/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/TilingAlgorithms/Angular/index.html
+++ b/apps/demos/Demos/Charts/TilingAlgorithms/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/TilingAlgorithms/React/index.html b/apps/demos/Demos/Charts/TilingAlgorithms/React/index.html
index 798562b68bc3..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/TilingAlgorithms/React/index.html
+++ b/apps/demos/Demos/Charts/TilingAlgorithms/React/index.html
@@ -5,20 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="dx-theme" data-theme="generic.light" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/TilingAlgorithms/Vue/index.html b/apps/demos/Demos/Charts/TilingAlgorithms/Vue/index.html
index ac930aaf0aed..7369a149272c 100644
--- a/apps/demos/Demos/Charts/TilingAlgorithms/Vue/index.html
+++ b/apps/demos/Demos/Charts/TilingAlgorithms/Vue/index.html
@@ -5,23 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="dx-theme" data-theme="generic.light" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/Timeline/Angular/index.html b/apps/demos/Demos/Charts/Timeline/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/Timeline/Angular/index.html
+++ b/apps/demos/Demos/Charts/Timeline/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/Timeline/React/index.html b/apps/demos/Demos/Charts/Timeline/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/Timeline/React/index.html
+++ b/apps/demos/Demos/Charts/Timeline/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/Timeline/Vue/index.html b/apps/demos/Demos/Charts/Timeline/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Charts/Timeline/Vue/index.html
+++ b/apps/demos/Demos/Charts/Timeline/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/TooltipAPI/Angular/index.html b/apps/demos/Demos/Charts/TooltipAPI/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/TooltipAPI/Angular/index.html
+++ b/apps/demos/Demos/Charts/TooltipAPI/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/TooltipAPI/React/index.html b/apps/demos/Demos/Charts/TooltipAPI/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/TooltipAPI/React/index.html
+++ b/apps/demos/Demos/Charts/TooltipAPI/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/TooltipAPI/Vue/index.html b/apps/demos/Demos/Charts/TooltipAPI/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Charts/TooltipAPI/Vue/index.html
+++ b/apps/demos/Demos/Charts/TooltipAPI/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/TooltipCustomization/Angular/index.html b/apps/demos/Demos/Charts/TooltipCustomization/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/TooltipCustomization/Angular/index.html
+++ b/apps/demos/Demos/Charts/TooltipCustomization/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/TooltipCustomization/React/index.html b/apps/demos/Demos/Charts/TooltipCustomization/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/TooltipCustomization/React/index.html
+++ b/apps/demos/Demos/Charts/TooltipCustomization/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/TooltipCustomization/Vue/index.html b/apps/demos/Demos/Charts/TooltipCustomization/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Charts/TooltipCustomization/Vue/index.html
+++ b/apps/demos/Demos/Charts/TooltipCustomization/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/WindRose/Angular/index.html b/apps/demos/Demos/Charts/WindRose/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/WindRose/Angular/index.html
+++ b/apps/demos/Demos/Charts/WindRose/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/WindRose/React/index.html b/apps/demos/Demos/Charts/WindRose/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/WindRose/React/index.html
+++ b/apps/demos/Demos/Charts/WindRose/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/WindRose/Vue/index.html b/apps/demos/Demos/Charts/WindRose/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Charts/WindRose/Vue/index.html
+++ b/apps/demos/Demos/Charts/WindRose/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/WinlossSparklines/Angular/index.html b/apps/demos/Demos/Charts/WinlossSparklines/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/WinlossSparklines/Angular/index.html
+++ b/apps/demos/Demos/Charts/WinlossSparklines/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/WinlossSparklines/React/index.html b/apps/demos/Demos/Charts/WinlossSparklines/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/WinlossSparklines/React/index.html
+++ b/apps/demos/Demos/Charts/WinlossSparklines/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/WinlossSparklines/Vue/index.html b/apps/demos/Demos/Charts/WinlossSparklines/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Charts/WinlossSparklines/Vue/index.html
+++ b/apps/demos/Demos/Charts/WinlossSparklines/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/ZoomingAndScrolling/Angular/index.html b/apps/demos/Demos/Charts/ZoomingAndScrolling/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/ZoomingAndScrolling/Angular/index.html
+++ b/apps/demos/Demos/Charts/ZoomingAndScrolling/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/ZoomingAndScrolling/React/index.html b/apps/demos/Demos/Charts/ZoomingAndScrolling/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/ZoomingAndScrolling/React/index.html
+++ b/apps/demos/Demos/Charts/ZoomingAndScrolling/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/ZoomingAndScrolling/Vue/index.html b/apps/demos/Demos/Charts/ZoomingAndScrolling/Vue/index.html
index ac930aaf0aed..7369a149272c 100644
--- a/apps/demos/Demos/Charts/ZoomingAndScrolling/Vue/index.html
+++ b/apps/demos/Demos/Charts/ZoomingAndScrolling/Vue/index.html
@@ -5,23 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="dx-theme" data-theme="generic.light" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/ZoomingAndScrollingAPI/Angular/index.html b/apps/demos/Demos/Charts/ZoomingAndScrollingAPI/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Charts/ZoomingAndScrollingAPI/Angular/index.html
+++ b/apps/demos/Demos/Charts/ZoomingAndScrollingAPI/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/ZoomingAndScrollingAPI/React/index.html b/apps/demos/Demos/Charts/ZoomingAndScrollingAPI/React/index.html
index cfb9b3aa6769..1da2da79d709 100644
--- a/apps/demos/Demos/Charts/ZoomingAndScrollingAPI/React/index.html
+++ b/apps/demos/Demos/Charts/ZoomingAndScrollingAPI/React/index.html
@@ -6,18 +6,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/ZoomingAndScrollingAPI/Vue/index.html b/apps/demos/Demos/Charts/ZoomingAndScrollingAPI/Vue/index.html
index ac930aaf0aed..fb771a33adc4 100644
--- a/apps/demos/Demos/Charts/ZoomingAndScrollingAPI/Vue/index.html
+++ b/apps/demos/Demos/Charts/ZoomingAndScrollingAPI/Vue/index.html
@@ -5,23 +5,12 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="dx-theme" data-theme="generic.light" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Chat/AIAndChatbotIntegration/Angular/index.html b/apps/demos/Demos/Chat/AIAndChatbotIntegration/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Chat/AIAndChatbotIntegration/Angular/index.html
+++ b/apps/demos/Demos/Chat/AIAndChatbotIntegration/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Chat/AIAndChatbotIntegration/React/index.html b/apps/demos/Demos/Chat/AIAndChatbotIntegration/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Chat/AIAndChatbotIntegration/React/index.html
+++ b/apps/demos/Demos/Chat/AIAndChatbotIntegration/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Chat/AIAndChatbotIntegration/Vue/index.html b/apps/demos/Demos/Chat/AIAndChatbotIntegration/Vue/index.html
index 61d7a89488fe..7b47950bbaff 100644
--- a/apps/demos/Demos/Chat/AIAndChatbotIntegration/Vue/index.html
+++ b/apps/demos/Demos/Chat/AIAndChatbotIntegration/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Chat/Customization/Angular/index.html b/apps/demos/Demos/Chat/Customization/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Chat/Customization/Angular/index.html
+++ b/apps/demos/Demos/Chat/Customization/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Chat/Customization/React/index.html b/apps/demos/Demos/Chat/Customization/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Chat/Customization/React/index.html
+++ b/apps/demos/Demos/Chat/Customization/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Chat/Customization/Vue/index.html b/apps/demos/Demos/Chat/Customization/Vue/index.html
index 61d7a89488fe..7b47950bbaff 100644
--- a/apps/demos/Demos/Chat/Customization/Vue/index.html
+++ b/apps/demos/Demos/Chat/Customization/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Chat/FileAttachments/Angular/index.html b/apps/demos/Demos/Chat/FileAttachments/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Chat/FileAttachments/Angular/index.html
+++ b/apps/demos/Demos/Chat/FileAttachments/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Chat/FileAttachments/React/index.html b/apps/demos/Demos/Chat/FileAttachments/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Chat/FileAttachments/React/index.html
+++ b/apps/demos/Demos/Chat/FileAttachments/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Chat/FileAttachments/Vue/index.html b/apps/demos/Demos/Chat/FileAttachments/Vue/index.html
index 61d7a89488fe..7b47950bbaff 100644
--- a/apps/demos/Demos/Chat/FileAttachments/Vue/index.html
+++ b/apps/demos/Demos/Chat/FileAttachments/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Chat/MessageEditing/Angular/index.html b/apps/demos/Demos/Chat/MessageEditing/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Chat/MessageEditing/Angular/index.html
+++ b/apps/demos/Demos/Chat/MessageEditing/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Chat/MessageEditing/React/index.html b/apps/demos/Demos/Chat/MessageEditing/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Chat/MessageEditing/React/index.html
+++ b/apps/demos/Demos/Chat/MessageEditing/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Chat/MessageEditing/Vue/index.html b/apps/demos/Demos/Chat/MessageEditing/Vue/index.html
index 61d7a89488fe..7b47950bbaff 100644
--- a/apps/demos/Demos/Chat/MessageEditing/Vue/index.html
+++ b/apps/demos/Demos/Chat/MessageEditing/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Chat/MessageStreaming/Angular/index.html b/apps/demos/Demos/Chat/MessageStreaming/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Chat/MessageStreaming/Angular/index.html
+++ b/apps/demos/Demos/Chat/MessageStreaming/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Chat/MessageStreaming/React/index.html b/apps/demos/Demos/Chat/MessageStreaming/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Chat/MessageStreaming/React/index.html
+++ b/apps/demos/Demos/Chat/MessageStreaming/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Chat/MessageStreaming/Vue/index.html b/apps/demos/Demos/Chat/MessageStreaming/Vue/index.html
index 61d7a89488fe..7b47950bbaff 100644
--- a/apps/demos/Demos/Chat/MessageStreaming/Vue/index.html
+++ b/apps/demos/Demos/Chat/MessageStreaming/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Chat/Overview/Angular/index.html b/apps/demos/Demos/Chat/Overview/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Chat/Overview/Angular/index.html
+++ b/apps/demos/Demos/Chat/Overview/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Chat/Overview/React/index.html b/apps/demos/Demos/Chat/Overview/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Chat/Overview/React/index.html
+++ b/apps/demos/Demos/Chat/Overview/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Chat/Overview/Vue/index.html b/apps/demos/Demos/Chat/Overview/Vue/index.html
index f801653ebfc5..7369a149272c 100644
--- a/apps/demos/Demos/Chat/Overview/Vue/index.html
+++ b/apps/demos/Demos/Chat/Overview/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Chat/PromptSuggestions/Angular/index.html b/apps/demos/Demos/Chat/PromptSuggestions/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Chat/PromptSuggestions/Angular/index.html
+++ b/apps/demos/Demos/Chat/PromptSuggestions/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Chat/PromptSuggestions/React/index.html b/apps/demos/Demos/Chat/PromptSuggestions/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Chat/PromptSuggestions/React/index.html
+++ b/apps/demos/Demos/Chat/PromptSuggestions/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Chat/PromptSuggestions/Vue/index.html b/apps/demos/Demos/Chat/PromptSuggestions/Vue/index.html
index 61d7a89488fe..7b47950bbaff 100644
--- a/apps/demos/Demos/Chat/PromptSuggestions/Vue/index.html
+++ b/apps/demos/Demos/Chat/PromptSuggestions/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/CheckBox/Overview/Angular/index.html b/apps/demos/Demos/CheckBox/Overview/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/CheckBox/Overview/Angular/index.html
+++ b/apps/demos/Demos/CheckBox/Overview/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/CheckBox/Overview/React/index.html b/apps/demos/Demos/CheckBox/Overview/React/index.html
index 5d0ae9c84419..1da2da79d709 100644
--- a/apps/demos/Demos/CheckBox/Overview/React/index.html
+++ b/apps/demos/Demos/CheckBox/Overview/React/index.html
@@ -6,19 +6,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/CheckBox/Overview/Vue/index.html b/apps/demos/Demos/CheckBox/Overview/Vue/index.html
index 478867f60deb..fb771a33adc4 100644
--- a/apps/demos/Demos/CheckBox/Overview/Vue/index.html
+++ b/apps/demos/Demos/CheckBox/Overview/Vue/index.html
@@ -6,24 +6,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/ColorBox/Overview/Angular/index.html b/apps/demos/Demos/ColorBox/Overview/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/ColorBox/Overview/Angular/index.html
+++ b/apps/demos/Demos/ColorBox/Overview/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/ColorBox/Overview/React/index.html b/apps/demos/Demos/ColorBox/Overview/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/ColorBox/Overview/React/index.html
+++ b/apps/demos/Demos/ColorBox/Overview/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/ColorBox/Overview/Vue/index.html b/apps/demos/Demos/ColorBox/Overview/Vue/index.html
index f801653ebfc5..7369a149272c 100644
--- a/apps/demos/Demos/ColorBox/Overview/Vue/index.html
+++ b/apps/demos/Demos/ColorBox/Overview/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Common/CustomTextEditorButtons/Angular/index.html b/apps/demos/Demos/Common/CustomTextEditorButtons/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Common/CustomTextEditorButtons/Angular/index.html
+++ b/apps/demos/Demos/Common/CustomTextEditorButtons/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Common/CustomTextEditorButtons/React/index.html b/apps/demos/Demos/Common/CustomTextEditorButtons/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Common/CustomTextEditorButtons/React/index.html
+++ b/apps/demos/Demos/Common/CustomTextEditorButtons/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Common/CustomTextEditorButtons/Vue/index.html b/apps/demos/Demos/Common/CustomTextEditorButtons/Vue/index.html
index f801653ebfc5..7369a149272c 100644
--- a/apps/demos/Demos/Common/CustomTextEditorButtons/Vue/index.html
+++ b/apps/demos/Demos/Common/CustomTextEditorButtons/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Common/EditorAppearanceVariants/Angular/index.html b/apps/demos/Demos/Common/EditorAppearanceVariants/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Common/EditorAppearanceVariants/Angular/index.html
+++ b/apps/demos/Demos/Common/EditorAppearanceVariants/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Common/EditorAppearanceVariants/React/index.html b/apps/demos/Demos/Common/EditorAppearanceVariants/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Common/EditorAppearanceVariants/React/index.html
+++ b/apps/demos/Demos/Common/EditorAppearanceVariants/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Common/EditorAppearanceVariants/Vue/index.html b/apps/demos/Demos/Common/EditorAppearanceVariants/Vue/index.html
index f801653ebfc5..7369a149272c 100644
--- a/apps/demos/Demos/Common/EditorAppearanceVariants/Vue/index.html
+++ b/apps/demos/Demos/Common/EditorAppearanceVariants/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Common/EditorsOverview/Angular/index.html b/apps/demos/Demos/Common/EditorsOverview/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Common/EditorsOverview/Angular/index.html
+++ b/apps/demos/Demos/Common/EditorsOverview/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Common/EditorsOverview/React/index.html b/apps/demos/Demos/Common/EditorsOverview/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Common/EditorsOverview/React/index.html
+++ b/apps/demos/Demos/Common/EditorsOverview/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Common/EditorsOverview/Vue/index.html b/apps/demos/Demos/Common/EditorsOverview/Vue/index.html
index d0177f133faa..7369a149272c 100644
--- a/apps/demos/Demos/Common/EditorsOverview/Vue/index.html
+++ b/apps/demos/Demos/Common/EditorsOverview/Vue/index.html
@@ -6,28 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Common/EditorsRightToLeftSupport/Angular/index.html b/apps/demos/Demos/Common/EditorsRightToLeftSupport/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Common/EditorsRightToLeftSupport/Angular/index.html
+++ b/apps/demos/Demos/Common/EditorsRightToLeftSupport/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Common/EditorsRightToLeftSupport/React/index.html b/apps/demos/Demos/Common/EditorsRightToLeftSupport/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Common/EditorsRightToLeftSupport/React/index.html
+++ b/apps/demos/Demos/Common/EditorsRightToLeftSupport/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Common/EditorsRightToLeftSupport/Vue/index.html b/apps/demos/Demos/Common/EditorsRightToLeftSupport/Vue/index.html
index f801653ebfc5..7369a149272c 100644
--- a/apps/demos/Demos/Common/EditorsRightToLeftSupport/Vue/index.html
+++ b/apps/demos/Demos/Common/EditorsRightToLeftSupport/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Common/FormsOverview/Angular/index.html b/apps/demos/Demos/Common/FormsOverview/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Common/FormsOverview/Angular/index.html
+++ b/apps/demos/Demos/Common/FormsOverview/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Common/FormsOverview/React/index.html b/apps/demos/Demos/Common/FormsOverview/React/index.html
index 3410eba762f1..7369a149272c 100644
--- a/apps/demos/Demos/Common/FormsOverview/React/index.html
+++ b/apps/demos/Demos/Common/FormsOverview/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Common/FormsOverview/Vue/index.html b/apps/demos/Demos/Common/FormsOverview/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Common/FormsOverview/Vue/index.html
+++ b/apps/demos/Demos/Common/FormsOverview/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Common/ListsOverview/Angular/index.html b/apps/demos/Demos/Common/ListsOverview/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Common/ListsOverview/Angular/index.html
+++ b/apps/demos/Demos/Common/ListsOverview/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Common/ListsOverview/React/index.html b/apps/demos/Demos/Common/ListsOverview/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Common/ListsOverview/React/index.html
+++ b/apps/demos/Demos/Common/ListsOverview/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Common/ListsOverview/Vue/index.html b/apps/demos/Demos/Common/ListsOverview/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Common/ListsOverview/Vue/index.html
+++ b/apps/demos/Demos/Common/ListsOverview/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Common/NavigationOverview/Angular/index.html b/apps/demos/Demos/Common/NavigationOverview/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Common/NavigationOverview/Angular/index.html
+++ b/apps/demos/Demos/Common/NavigationOverview/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Common/NavigationOverview/React/index.html b/apps/demos/Demos/Common/NavigationOverview/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Common/NavigationOverview/React/index.html
+++ b/apps/demos/Demos/Common/NavigationOverview/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Common/NavigationOverview/Vue/index.html b/apps/demos/Demos/Common/NavigationOverview/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Common/NavigationOverview/Vue/index.html
+++ b/apps/demos/Demos/Common/NavigationOverview/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Common/NavigationRightToLeftSupport/Angular/index.html b/apps/demos/Demos/Common/NavigationRightToLeftSupport/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Common/NavigationRightToLeftSupport/Angular/index.html
+++ b/apps/demos/Demos/Common/NavigationRightToLeftSupport/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Common/NavigationRightToLeftSupport/React/index.html b/apps/demos/Demos/Common/NavigationRightToLeftSupport/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Common/NavigationRightToLeftSupport/React/index.html
+++ b/apps/demos/Demos/Common/NavigationRightToLeftSupport/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Common/NavigationRightToLeftSupport/Vue/index.html b/apps/demos/Demos/Common/NavigationRightToLeftSupport/Vue/index.html
index 97825c599aa0..7b47950bbaff 100644
--- a/apps/demos/Demos/Common/NavigationRightToLeftSupport/Vue/index.html
+++ b/apps/demos/Demos/Common/NavigationRightToLeftSupport/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Common/PopupAndNotificationsOverview/Angular/index.html b/apps/demos/Demos/Common/PopupAndNotificationsOverview/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Common/PopupAndNotificationsOverview/Angular/index.html
+++ b/apps/demos/Demos/Common/PopupAndNotificationsOverview/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Common/PopupAndNotificationsOverview/React/index.html b/apps/demos/Demos/Common/PopupAndNotificationsOverview/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Common/PopupAndNotificationsOverview/React/index.html
+++ b/apps/demos/Demos/Common/PopupAndNotificationsOverview/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Common/PopupAndNotificationsOverview/Vue/index.html b/apps/demos/Demos/Common/PopupAndNotificationsOverview/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Common/PopupAndNotificationsOverview/Vue/index.html
+++ b/apps/demos/Demos/Common/PopupAndNotificationsOverview/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/ContextMenu/Basics/Angular/index.html b/apps/demos/Demos/ContextMenu/Basics/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/ContextMenu/Basics/Angular/index.html
+++ b/apps/demos/Demos/ContextMenu/Basics/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/ContextMenu/Basics/React/index.html b/apps/demos/Demos/ContextMenu/Basics/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/ContextMenu/Basics/React/index.html
+++ b/apps/demos/Demos/ContextMenu/Basics/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/ContextMenu/Basics/Vue/index.html b/apps/demos/Demos/ContextMenu/Basics/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/ContextMenu/Basics/Vue/index.html
+++ b/apps/demos/Demos/ContextMenu/Basics/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/ContextMenu/Scrolling/Angular/index.html b/apps/demos/Demos/ContextMenu/Scrolling/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/ContextMenu/Scrolling/Angular/index.html
+++ b/apps/demos/Demos/ContextMenu/Scrolling/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/ContextMenu/Scrolling/React/index.html b/apps/demos/Demos/ContextMenu/Scrolling/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/ContextMenu/Scrolling/React/index.html
+++ b/apps/demos/Demos/ContextMenu/Scrolling/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/ContextMenu/Scrolling/Vue/index.html b/apps/demos/Demos/ContextMenu/Scrolling/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/ContextMenu/Scrolling/Vue/index.html
+++ b/apps/demos/Demos/ContextMenu/Scrolling/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/ContextMenu/Templates/Angular/index.html b/apps/demos/Demos/ContextMenu/Templates/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/ContextMenu/Templates/Angular/index.html
+++ b/apps/demos/Demos/ContextMenu/Templates/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/ContextMenu/Templates/React/index.html b/apps/demos/Demos/ContextMenu/Templates/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/ContextMenu/Templates/React/index.html
+++ b/apps/demos/Demos/ContextMenu/Templates/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/ContextMenu/Templates/Vue/index.html b/apps/demos/Demos/ContextMenu/Templates/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/ContextMenu/Templates/Vue/index.html
+++ b/apps/demos/Demos/ContextMenu/Templates/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/AIAssistant/Angular/index.html b/apps/demos/Demos/DataGrid/AIAssistant/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/DataGrid/AIAssistant/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/AIAssistant/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/AIAssistant/React/index.html b/apps/demos/Demos/DataGrid/AIAssistant/React/index.html
index 233b43f9b31e..fda2015e304a 100644
--- a/apps/demos/Demos/DataGrid/AIAssistant/React/index.html
+++ b/apps/demos/Demos/DataGrid/AIAssistant/React/index.html
@@ -6,21 +6,14 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="data-grid-demo">
         <div id="app"></div>
       </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/AIAssistant/Vue/index.html b/apps/demos/Demos/DataGrid/AIAssistant/Vue/index.html
index 61d7a89488fe..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/AIAssistant/Vue/index.html
+++ b/apps/demos/Demos/DataGrid/AIAssistant/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/AIColumns/Angular/index.html b/apps/demos/Demos/DataGrid/AIColumns/Angular/index.html
index d6cce972f42b..7dd155b53981 100644
--- a/apps/demos/Demos/DataGrid/AIColumns/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/AIColumns/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme/dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/AIColumns/React/index.html b/apps/demos/Demos/DataGrid/AIColumns/React/index.html
index 233b43f9b31e..fda2015e304a 100644
--- a/apps/demos/Demos/DataGrid/AIColumns/React/index.html
+++ b/apps/demos/Demos/DataGrid/AIColumns/React/index.html
@@ -6,21 +6,14 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="data-grid-demo">
         <div id="app"></div>
       </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/AIColumns/Vue/index.html b/apps/demos/Demos/DataGrid/AIColumns/Vue/index.html
index fa645c45918f..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/AIColumns/Vue/index.html
+++ b/apps/demos/Demos/DataGrid/AIColumns/Vue/index.html
@@ -5,24 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme/dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/AdvancedMasterDetailView/Angular/index.html b/apps/demos/Demos/DataGrid/AdvancedMasterDetailView/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/DataGrid/AdvancedMasterDetailView/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/AdvancedMasterDetailView/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/AdvancedMasterDetailView/React/index.html b/apps/demos/Demos/DataGrid/AdvancedMasterDetailView/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/AdvancedMasterDetailView/React/index.html
+++ b/apps/demos/Demos/DataGrid/AdvancedMasterDetailView/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/AdvancedMasterDetailView/Vue/index.html b/apps/demos/Demos/DataGrid/AdvancedMasterDetailView/Vue/index.html
index dd96bb53be64..e97e1d43d2f6 100644
--- a/apps/demos/Demos/DataGrid/AdvancedMasterDetailView/Vue/index.html
+++ b/apps/demos/Demos/DataGrid/AdvancedMasterDetailView/Vue/index.html
@@ -6,24 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app" />
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/AjaxRequest/Angular/index.html b/apps/demos/Demos/DataGrid/AjaxRequest/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/DataGrid/AjaxRequest/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/AjaxRequest/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/AjaxRequest/React/index.html b/apps/demos/Demos/DataGrid/AjaxRequest/React/index.html
index cfb9b3aa6769..1da2da79d709 100644
--- a/apps/demos/Demos/DataGrid/AjaxRequest/React/index.html
+++ b/apps/demos/Demos/DataGrid/AjaxRequest/React/index.html
@@ -6,18 +6,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/AjaxRequest/Vue/index.html b/apps/demos/Demos/DataGrid/AjaxRequest/Vue/index.html
index 394de6604894..fb4cf0d3a3e5 100644
--- a/apps/demos/Demos/DataGrid/AjaxRequest/Vue/index.html
+++ b/apps/demos/Demos/DataGrid/AjaxRequest/Vue/index.html
@@ -6,23 +6,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app" />
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/Appearance/Angular/index.html b/apps/demos/Demos/DataGrid/Appearance/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/DataGrid/Appearance/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/Appearance/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/Appearance/React/index.html b/apps/demos/Demos/DataGrid/Appearance/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/Appearance/React/index.html
+++ b/apps/demos/Demos/DataGrid/Appearance/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/Appearance/Vue/index.html b/apps/demos/Demos/DataGrid/Appearance/Vue/index.html
index 394de6604894..e97e1d43d2f6 100644
--- a/apps/demos/Demos/DataGrid/Appearance/Vue/index.html
+++ b/apps/demos/Demos/DataGrid/Appearance/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app" />
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/AutoPopulatedColumns/Angular/index.html b/apps/demos/Demos/DataGrid/AutoPopulatedColumns/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/DataGrid/AutoPopulatedColumns/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/AutoPopulatedColumns/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/AutoPopulatedColumns/React/index.html b/apps/demos/Demos/DataGrid/AutoPopulatedColumns/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/AutoPopulatedColumns/React/index.html
+++ b/apps/demos/Demos/DataGrid/AutoPopulatedColumns/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/AutoPopulatedColumns/Vue/index.html b/apps/demos/Demos/DataGrid/AutoPopulatedColumns/Vue/index.html
index 394de6604894..e97e1d43d2f6 100644
--- a/apps/demos/Demos/DataGrid/AutoPopulatedColumns/Vue/index.html
+++ b/apps/demos/Demos/DataGrid/AutoPopulatedColumns/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app" />
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/BatchEditing/Angular/index.html b/apps/demos/Demos/DataGrid/BatchEditing/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/DataGrid/BatchEditing/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/BatchEditing/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/BatchEditing/React/index.html b/apps/demos/Demos/DataGrid/BatchEditing/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/BatchEditing/React/index.html
+++ b/apps/demos/Demos/DataGrid/BatchEditing/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/BatchEditing/Vue/index.html b/apps/demos/Demos/DataGrid/BatchEditing/Vue/index.html
index f801653ebfc5..7369a149272c 100644
--- a/apps/demos/Demos/DataGrid/BatchEditing/Vue/index.html
+++ b/apps/demos/Demos/DataGrid/BatchEditing/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/BatchUpdateRequest/Angular/index.html b/apps/demos/Demos/DataGrid/BatchUpdateRequest/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/DataGrid/BatchUpdateRequest/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/BatchUpdateRequest/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/BatchUpdateRequest/React/index.html b/apps/demos/Demos/DataGrid/BatchUpdateRequest/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/BatchUpdateRequest/React/index.html
+++ b/apps/demos/Demos/DataGrid/BatchUpdateRequest/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/BatchUpdateRequest/Vue/index.html b/apps/demos/Demos/DataGrid/BatchUpdateRequest/Vue/index.html
index 394de6604894..e97e1d43d2f6 100644
--- a/apps/demos/Demos/DataGrid/BatchUpdateRequest/Vue/index.html
+++ b/apps/demos/Demos/DataGrid/BatchUpdateRequest/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app" />
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/CascadingLookups/Angular/index.html b/apps/demos/Demos/DataGrid/CascadingLookups/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/DataGrid/CascadingLookups/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/CascadingLookups/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/CascadingLookups/React/index.html b/apps/demos/Demos/DataGrid/CascadingLookups/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/CascadingLookups/React/index.html
+++ b/apps/demos/Demos/DataGrid/CascadingLookups/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/CascadingLookups/Vue/index.html b/apps/demos/Demos/DataGrid/CascadingLookups/Vue/index.html
index f801653ebfc5..7369a149272c 100644
--- a/apps/demos/Demos/DataGrid/CascadingLookups/Vue/index.html
+++ b/apps/demos/Demos/DataGrid/CascadingLookups/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/Cell/Angular/index.html b/apps/demos/Demos/DataGrid/Cell/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/DataGrid/Cell/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/Cell/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/Cell/React/index.html b/apps/demos/Demos/DataGrid/Cell/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/Cell/React/index.html
+++ b/apps/demos/Demos/DataGrid/Cell/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/Cell/Vue/index.html b/apps/demos/Demos/DataGrid/Cell/Vue/index.html
index f801653ebfc5..7369a149272c 100644
--- a/apps/demos/Demos/DataGrid/Cell/Vue/index.html
+++ b/apps/demos/Demos/DataGrid/Cell/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/CellEditing/Angular/index.html b/apps/demos/Demos/DataGrid/CellEditing/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/DataGrid/CellEditing/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/CellEditing/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/CellEditing/React/index.html b/apps/demos/Demos/DataGrid/CellEditing/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/CellEditing/React/index.html
+++ b/apps/demos/Demos/DataGrid/CellEditing/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/CellEditing/Vue/index.html b/apps/demos/Demos/DataGrid/CellEditing/Vue/index.html
index f801653ebfc5..7369a149272c 100644
--- a/apps/demos/Demos/DataGrid/CellEditing/Vue/index.html
+++ b/apps/demos/Demos/DataGrid/CellEditing/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/CollaborativeEditing/Angular/index.html b/apps/demos/Demos/DataGrid/CollaborativeEditing/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/DataGrid/CollaborativeEditing/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/CollaborativeEditing/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/CollaborativeEditing/React/index.html b/apps/demos/Demos/DataGrid/CollaborativeEditing/React/index.html
index 21cf53909e8a..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/CollaborativeEditing/React/index.html
+++ b/apps/demos/Demos/DataGrid/CollaborativeEditing/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/CollaborativeEditing/Vue/index.html b/apps/demos/Demos/DataGrid/CollaborativeEditing/Vue/index.html
index f801653ebfc5..7369a149272c 100644
--- a/apps/demos/Demos/DataGrid/CollaborativeEditing/Vue/index.html
+++ b/apps/demos/Demos/DataGrid/CollaborativeEditing/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/Column/Angular/index.html b/apps/demos/Demos/DataGrid/Column/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/DataGrid/Column/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/Column/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/Column/React/index.html b/apps/demos/Demos/DataGrid/Column/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/Column/React/index.html
+++ b/apps/demos/Demos/DataGrid/Column/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/Column/Vue/index.html b/apps/demos/Demos/DataGrid/Column/Vue/index.html
index f801653ebfc5..7369a149272c 100644
--- a/apps/demos/Demos/DataGrid/Column/Vue/index.html
+++ b/apps/demos/Demos/DataGrid/Column/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/ColumnChooser/Angular/index.html b/apps/demos/Demos/DataGrid/ColumnChooser/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/DataGrid/ColumnChooser/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/ColumnChooser/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/ColumnChooser/React/index.html b/apps/demos/Demos/DataGrid/ColumnChooser/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/ColumnChooser/React/index.html
+++ b/apps/demos/Demos/DataGrid/ColumnChooser/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/ColumnChooser/Vue/index.html b/apps/demos/Demos/DataGrid/ColumnChooser/Vue/index.html
index f801653ebfc5..7369a149272c 100644
--- a/apps/demos/Demos/DataGrid/ColumnChooser/Vue/index.html
+++ b/apps/demos/Demos/DataGrid/ColumnChooser/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/ColumnHeaderFilter/Angular/index.html b/apps/demos/Demos/DataGrid/ColumnHeaderFilter/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/DataGrid/ColumnHeaderFilter/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/ColumnHeaderFilter/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/ColumnHeaderFilter/React/index.html b/apps/demos/Demos/DataGrid/ColumnHeaderFilter/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/ColumnHeaderFilter/React/index.html
+++ b/apps/demos/Demos/DataGrid/ColumnHeaderFilter/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/ColumnHeaderFilter/Vue/index.html b/apps/demos/Demos/DataGrid/ColumnHeaderFilter/Vue/index.html
index f801653ebfc5..7369a149272c 100644
--- a/apps/demos/Demos/DataGrid/ColumnHeaderFilter/Vue/index.html
+++ b/apps/demos/Demos/DataGrid/ColumnHeaderFilter/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/ColumnReordering/Angular/index.html b/apps/demos/Demos/DataGrid/ColumnReordering/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/DataGrid/ColumnReordering/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/ColumnReordering/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/ColumnReordering/React/index.html b/apps/demos/Demos/DataGrid/ColumnReordering/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/ColumnReordering/React/index.html
+++ b/apps/demos/Demos/DataGrid/ColumnReordering/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/ColumnReordering/Vue/index.html b/apps/demos/Demos/DataGrid/ColumnReordering/Vue/index.html
index f801653ebfc5..7369a149272c 100644
--- a/apps/demos/Demos/DataGrid/ColumnReordering/Vue/index.html
+++ b/apps/demos/Demos/DataGrid/ColumnReordering/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/ColumnResizing/Angular/index.html b/apps/demos/Demos/DataGrid/ColumnResizing/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/DataGrid/ColumnResizing/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/ColumnResizing/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/ColumnResizing/React/index.html b/apps/demos/Demos/DataGrid/ColumnResizing/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/ColumnResizing/React/index.html
+++ b/apps/demos/Demos/DataGrid/ColumnResizing/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/ColumnResizing/Vue/index.html b/apps/demos/Demos/DataGrid/ColumnResizing/Vue/index.html
index f801653ebfc5..7369a149272c 100644
--- a/apps/demos/Demos/DataGrid/ColumnResizing/Vue/index.html
+++ b/apps/demos/Demos/DataGrid/ColumnResizing/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/ColumnsHidingPriority/Angular/index.html b/apps/demos/Demos/DataGrid/ColumnsHidingPriority/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/DataGrid/ColumnsHidingPriority/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/ColumnsHidingPriority/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/ColumnsHidingPriority/React/index.html b/apps/demos/Demos/DataGrid/ColumnsHidingPriority/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/ColumnsHidingPriority/React/index.html
+++ b/apps/demos/Demos/DataGrid/ColumnsHidingPriority/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/ColumnsHidingPriority/Vue/index.html b/apps/demos/Demos/DataGrid/ColumnsHidingPriority/Vue/index.html
index f801653ebfc5..7369a149272c 100644
--- a/apps/demos/Demos/DataGrid/ColumnsHidingPriority/Vue/index.html
+++ b/apps/demos/Demos/DataGrid/ColumnsHidingPriority/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/CommandColumnConfiguration/Angular/index.html b/apps/demos/Demos/DataGrid/CommandColumnConfiguration/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/DataGrid/CommandColumnConfiguration/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/CommandColumnConfiguration/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/CommandColumnConfiguration/React/index.html b/apps/demos/Demos/DataGrid/CommandColumnConfiguration/React/index.html
index cfb9b3aa6769..1da2da79d709 100644
--- a/apps/demos/Demos/DataGrid/CommandColumnConfiguration/React/index.html
+++ b/apps/demos/Demos/DataGrid/CommandColumnConfiguration/React/index.html
@@ -6,18 +6,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/CommandColumnConfiguration/Vue/index.html b/apps/demos/Demos/DataGrid/CommandColumnConfiguration/Vue/index.html
index f801653ebfc5..fb771a33adc4 100644
--- a/apps/demos/Demos/DataGrid/CommandColumnConfiguration/Vue/index.html
+++ b/apps/demos/Demos/DataGrid/CommandColumnConfiguration/Vue/index.html
@@ -6,23 +6,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/CustomDataSource/Angular/index.html b/apps/demos/Demos/DataGrid/CustomDataSource/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/DataGrid/CustomDataSource/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/CustomDataSource/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/CustomDataSource/React/index.html b/apps/demos/Demos/DataGrid/CustomDataSource/React/index.html
index cfb9b3aa6769..1da2da79d709 100644
--- a/apps/demos/Demos/DataGrid/CustomDataSource/React/index.html
+++ b/apps/demos/Demos/DataGrid/CustomDataSource/React/index.html
@@ -6,18 +6,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/CustomDataSource/Vue/index.html b/apps/demos/Demos/DataGrid/CustomDataSource/Vue/index.html
index 394de6604894..fb4cf0d3a3e5 100644
--- a/apps/demos/Demos/DataGrid/CustomDataSource/Vue/index.html
+++ b/apps/demos/Demos/DataGrid/CustomDataSource/Vue/index.html
@@ -6,23 +6,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app" />
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/CustomEditors/Angular/index.html b/apps/demos/Demos/DataGrid/CustomEditors/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/DataGrid/CustomEditors/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/CustomEditors/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/CustomEditors/React/index.html b/apps/demos/Demos/DataGrid/CustomEditors/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/CustomEditors/React/index.html
+++ b/apps/demos/Demos/DataGrid/CustomEditors/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/CustomEditors/Vue/index.html b/apps/demos/Demos/DataGrid/CustomEditors/Vue/index.html
index 394de6604894..e97e1d43d2f6 100644
--- a/apps/demos/Demos/DataGrid/CustomEditors/Vue/index.html
+++ b/apps/demos/Demos/DataGrid/CustomEditors/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app" />
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/CustomSummaries/Angular/index.html b/apps/demos/Demos/DataGrid/CustomSummaries/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/DataGrid/CustomSummaries/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/CustomSummaries/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/CustomSummaries/React/index.html b/apps/demos/Demos/DataGrid/CustomSummaries/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/CustomSummaries/React/index.html
+++ b/apps/demos/Demos/DataGrid/CustomSummaries/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/CustomSummaries/Vue/index.html b/apps/demos/Demos/DataGrid/CustomSummaries/Vue/index.html
index f801653ebfc5..7369a149272c 100644
--- a/apps/demos/Demos/DataGrid/CustomSummaries/Vue/index.html
+++ b/apps/demos/Demos/DataGrid/CustomSummaries/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/CustomizeKeyboardNavigation/Angular/index.html b/apps/demos/Demos/DataGrid/CustomizeKeyboardNavigation/Angular/index.html
index 828a96270572..7dd155b53981 100644
--- a/apps/demos/Demos/DataGrid/CustomizeKeyboardNavigation/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/CustomizeKeyboardNavigation/Angular/index.html
@@ -1,27 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/CustomizeKeyboardNavigation/React/index.html b/apps/demos/Demos/DataGrid/CustomizeKeyboardNavigation/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/CustomizeKeyboardNavigation/React/index.html
+++ b/apps/demos/Demos/DataGrid/CustomizeKeyboardNavigation/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/CustomizeKeyboardNavigation/Vue/index.html b/apps/demos/Demos/DataGrid/CustomizeKeyboardNavigation/Vue/index.html
index b6bfdaa741dd..7369a149272c 100644
--- a/apps/demos/Demos/DataGrid/CustomizeKeyboardNavigation/Vue/index.html
+++ b/apps/demos/Demos/DataGrid/CustomizeKeyboardNavigation/Vue/index.html
@@ -6,24 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/DataValidation/Angular/index.html b/apps/demos/Demos/DataGrid/DataValidation/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/DataGrid/DataValidation/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/DataValidation/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/DataValidation/React/index.html b/apps/demos/Demos/DataGrid/DataValidation/React/index.html
index cfb9b3aa6769..1da2da79d709 100644
--- a/apps/demos/Demos/DataGrid/DataValidation/React/index.html
+++ b/apps/demos/Demos/DataGrid/DataValidation/React/index.html
@@ -6,18 +6,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/DataValidation/Vue/index.html b/apps/demos/Demos/DataGrid/DataValidation/Vue/index.html
index f801653ebfc5..fb771a33adc4 100644
--- a/apps/demos/Demos/DataGrid/DataValidation/Vue/index.html
+++ b/apps/demos/Demos/DataGrid/DataValidation/Vue/index.html
@@ -6,23 +6,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/DeferredSelection/Angular/index.html b/apps/demos/Demos/DataGrid/DeferredSelection/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/DataGrid/DeferredSelection/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/DeferredSelection/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/DeferredSelection/React/index.html b/apps/demos/Demos/DataGrid/DeferredSelection/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/DeferredSelection/React/index.html
+++ b/apps/demos/Demos/DataGrid/DeferredSelection/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/DeferredSelection/Vue/index.html b/apps/demos/Demos/DataGrid/DeferredSelection/Vue/index.html
index 394de6604894..e97e1d43d2f6 100644
--- a/apps/demos/Demos/DataGrid/DeferredSelection/Vue/index.html
+++ b/apps/demos/Demos/DataGrid/DeferredSelection/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app" />
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/DnDBetweenGrids/Angular/index.html b/apps/demos/Demos/DataGrid/DnDBetweenGrids/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/DataGrid/DnDBetweenGrids/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/DnDBetweenGrids/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/DnDBetweenGrids/React/index.html b/apps/demos/Demos/DataGrid/DnDBetweenGrids/React/index.html
index 21cf53909e8a..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/DnDBetweenGrids/React/index.html
+++ b/apps/demos/Demos/DataGrid/DnDBetweenGrids/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/DnDBetweenGrids/Vue/index.html b/apps/demos/Demos/DataGrid/DnDBetweenGrids/Vue/index.html
index f801653ebfc5..7369a149272c 100644
--- a/apps/demos/Demos/DataGrid/DnDBetweenGrids/Vue/index.html
+++ b/apps/demos/Demos/DataGrid/DnDBetweenGrids/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/EditStateManagement/Angular/index.html b/apps/demos/Demos/DataGrid/EditStateManagement/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/DataGrid/EditStateManagement/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/EditStateManagement/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/EditStateManagement/React/index.html b/apps/demos/Demos/DataGrid/EditStateManagement/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/EditStateManagement/React/index.html
+++ b/apps/demos/Demos/DataGrid/EditStateManagement/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/EditStateManagement/Vue/index.html b/apps/demos/Demos/DataGrid/EditStateManagement/Vue/index.html
index 394de6604894..e97e1d43d2f6 100644
--- a/apps/demos/Demos/DataGrid/EditStateManagement/Vue/index.html
+++ b/apps/demos/Demos/DataGrid/EditStateManagement/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app" />
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/ExcelJSCellCustomization/Angular/index.html b/apps/demos/Demos/DataGrid/ExcelJSCellCustomization/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/DataGrid/ExcelJSCellCustomization/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/ExcelJSCellCustomization/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/ExcelJSCellCustomization/React/index.html b/apps/demos/Demos/DataGrid/ExcelJSCellCustomization/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/ExcelJSCellCustomization/React/index.html
+++ b/apps/demos/Demos/DataGrid/ExcelJSCellCustomization/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/ExcelJSCellCustomization/Vue/index.html b/apps/demos/Demos/DataGrid/ExcelJSCellCustomization/Vue/index.html
index 61d7a89488fe..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/ExcelJSCellCustomization/Vue/index.html
+++ b/apps/demos/Demos/DataGrid/ExcelJSCellCustomization/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/ExcelJSExportImages/Angular/index.html b/apps/demos/Demos/DataGrid/ExcelJSExportImages/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/DataGrid/ExcelJSExportImages/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/ExcelJSExportImages/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/ExcelJSExportImages/React/index.html b/apps/demos/Demos/DataGrid/ExcelJSExportImages/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/ExcelJSExportImages/React/index.html
+++ b/apps/demos/Demos/DataGrid/ExcelJSExportImages/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/ExcelJSExportImages/Vue/index.html b/apps/demos/Demos/DataGrid/ExcelJSExportImages/Vue/index.html
index 61d7a89488fe..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/ExcelJSExportImages/Vue/index.html
+++ b/apps/demos/Demos/DataGrid/ExcelJSExportImages/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/ExcelJSExportMultipleGrids/Angular/index.html b/apps/demos/Demos/DataGrid/ExcelJSExportMultipleGrids/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/DataGrid/ExcelJSExportMultipleGrids/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/ExcelJSExportMultipleGrids/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/ExcelJSExportMultipleGrids/React/index.html b/apps/demos/Demos/DataGrid/ExcelJSExportMultipleGrids/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/ExcelJSExportMultipleGrids/React/index.html
+++ b/apps/demos/Demos/DataGrid/ExcelJSExportMultipleGrids/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/ExcelJSExportMultipleGrids/Vue/index.html b/apps/demos/Demos/DataGrid/ExcelJSExportMultipleGrids/Vue/index.html
index 61d7a89488fe..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/ExcelJSExportMultipleGrids/Vue/index.html
+++ b/apps/demos/Demos/DataGrid/ExcelJSExportMultipleGrids/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/ExcelJSHeaderAndFooter/Angular/index.html b/apps/demos/Demos/DataGrid/ExcelJSHeaderAndFooter/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/DataGrid/ExcelJSHeaderAndFooter/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/ExcelJSHeaderAndFooter/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/ExcelJSHeaderAndFooter/React/index.html b/apps/demos/Demos/DataGrid/ExcelJSHeaderAndFooter/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/ExcelJSHeaderAndFooter/React/index.html
+++ b/apps/demos/Demos/DataGrid/ExcelJSHeaderAndFooter/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/ExcelJSHeaderAndFooter/Vue/index.html b/apps/demos/Demos/DataGrid/ExcelJSHeaderAndFooter/Vue/index.html
index e47563a94872..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/ExcelJSHeaderAndFooter/Vue/index.html
+++ b/apps/demos/Demos/DataGrid/ExcelJSHeaderAndFooter/Vue/index.html
@@ -6,24 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/ExcelJSOverview/Angular/index.html b/apps/demos/Demos/DataGrid/ExcelJSOverview/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/DataGrid/ExcelJSOverview/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/ExcelJSOverview/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/ExcelJSOverview/React/index.html b/apps/demos/Demos/DataGrid/ExcelJSOverview/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/ExcelJSOverview/React/index.html
+++ b/apps/demos/Demos/DataGrid/ExcelJSOverview/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/ExcelJSOverview/Vue/index.html b/apps/demos/Demos/DataGrid/ExcelJSOverview/Vue/index.html
index 61d7a89488fe..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/ExcelJSOverview/Vue/index.html
+++ b/apps/demos/Demos/DataGrid/ExcelJSOverview/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/FilterPanel/Angular/index.html b/apps/demos/Demos/DataGrid/FilterPanel/Angular/index.html
index 828a96270572..7dd155b53981 100644
--- a/apps/demos/Demos/DataGrid/FilterPanel/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/FilterPanel/Angular/index.html
@@ -1,27 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/FilterPanel/React/index.html b/apps/demos/Demos/DataGrid/FilterPanel/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/FilterPanel/React/index.html
+++ b/apps/demos/Demos/DataGrid/FilterPanel/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/FilterPanel/Vue/index.html b/apps/demos/Demos/DataGrid/FilterPanel/Vue/index.html
index f801653ebfc5..7369a149272c 100644
--- a/apps/demos/Demos/DataGrid/FilterPanel/Vue/index.html
+++ b/apps/demos/Demos/DataGrid/FilterPanel/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/Filtering/Angular/index.html b/apps/demos/Demos/DataGrid/Filtering/Angular/index.html
index 828a96270572..7dd155b53981 100644
--- a/apps/demos/Demos/DataGrid/Filtering/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/Filtering/Angular/index.html
@@ -1,27 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/Filtering/React/index.html b/apps/demos/Demos/DataGrid/Filtering/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/Filtering/React/index.html
+++ b/apps/demos/Demos/DataGrid/Filtering/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/Filtering/Vue/index.html b/apps/demos/Demos/DataGrid/Filtering/Vue/index.html
index f801653ebfc5..7369a149272c 100644
--- a/apps/demos/Demos/DataGrid/Filtering/Vue/index.html
+++ b/apps/demos/Demos/DataGrid/Filtering/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/FilteringAPI/Angular/index.html b/apps/demos/Demos/DataGrid/FilteringAPI/Angular/index.html
index 828a96270572..7dd155b53981 100644
--- a/apps/demos/Demos/DataGrid/FilteringAPI/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/FilteringAPI/Angular/index.html
@@ -1,27 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/FilteringAPI/React/index.html b/apps/demos/Demos/DataGrid/FilteringAPI/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/FilteringAPI/React/index.html
+++ b/apps/demos/Demos/DataGrid/FilteringAPI/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/FilteringAPI/Vue/index.html b/apps/demos/Demos/DataGrid/FilteringAPI/Vue/index.html
index f801653ebfc5..7369a149272c 100644
--- a/apps/demos/Demos/DataGrid/FilteringAPI/Vue/index.html
+++ b/apps/demos/Demos/DataGrid/FilteringAPI/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/FixedAndStickyColumns/Angular/index.html b/apps/demos/Demos/DataGrid/FixedAndStickyColumns/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/DataGrid/FixedAndStickyColumns/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/FixedAndStickyColumns/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/FixedAndStickyColumns/React/index.html b/apps/demos/Demos/DataGrid/FixedAndStickyColumns/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/FixedAndStickyColumns/React/index.html
+++ b/apps/demos/Demos/DataGrid/FixedAndStickyColumns/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/FixedAndStickyColumns/Vue/index.html b/apps/demos/Demos/DataGrid/FixedAndStickyColumns/Vue/index.html
index f801653ebfc5..7369a149272c 100644
--- a/apps/demos/Demos/DataGrid/FixedAndStickyColumns/Vue/index.html
+++ b/apps/demos/Demos/DataGrid/FixedAndStickyColumns/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/FocusedRow/Angular/index.html b/apps/demos/Demos/DataGrid/FocusedRow/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/DataGrid/FocusedRow/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/FocusedRow/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/FocusedRow/React/index.html b/apps/demos/Demos/DataGrid/FocusedRow/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/FocusedRow/React/index.html
+++ b/apps/demos/Demos/DataGrid/FocusedRow/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/FocusedRow/Vue/index.html b/apps/demos/Demos/DataGrid/FocusedRow/Vue/index.html
index dd96bb53be64..e97e1d43d2f6 100644
--- a/apps/demos/Demos/DataGrid/FocusedRow/Vue/index.html
+++ b/apps/demos/Demos/DataGrid/FocusedRow/Vue/index.html
@@ -6,24 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app" />
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/FormEditing/Angular/index.html b/apps/demos/Demos/DataGrid/FormEditing/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/DataGrid/FormEditing/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/FormEditing/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/FormEditing/React/index.html b/apps/demos/Demos/DataGrid/FormEditing/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/FormEditing/React/index.html
+++ b/apps/demos/Demos/DataGrid/FormEditing/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/FormEditing/Vue/index.html b/apps/demos/Demos/DataGrid/FormEditing/Vue/index.html
index f801653ebfc5..7369a149272c 100644
--- a/apps/demos/Demos/DataGrid/FormEditing/Vue/index.html
+++ b/apps/demos/Demos/DataGrid/FormEditing/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/GridAdaptabilityOverview/Angular/index.html b/apps/demos/Demos/DataGrid/GridAdaptabilityOverview/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/DataGrid/GridAdaptabilityOverview/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/GridAdaptabilityOverview/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/GridAdaptabilityOverview/React/index.html b/apps/demos/Demos/DataGrid/GridAdaptabilityOverview/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/GridAdaptabilityOverview/React/index.html
+++ b/apps/demos/Demos/DataGrid/GridAdaptabilityOverview/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/GridAdaptabilityOverview/Vue/index.html b/apps/demos/Demos/DataGrid/GridAdaptabilityOverview/Vue/index.html
index f801653ebfc5..7369a149272c 100644
--- a/apps/demos/Demos/DataGrid/GridAdaptabilityOverview/Vue/index.html
+++ b/apps/demos/Demos/DataGrid/GridAdaptabilityOverview/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/GridSummaries/Angular/index.html b/apps/demos/Demos/DataGrid/GridSummaries/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/DataGrid/GridSummaries/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/GridSummaries/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/GridSummaries/React/index.html b/apps/demos/Demos/DataGrid/GridSummaries/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/GridSummaries/React/index.html
+++ b/apps/demos/Demos/DataGrid/GridSummaries/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/GridSummaries/Vue/index.html b/apps/demos/Demos/DataGrid/GridSummaries/Vue/index.html
index f801653ebfc5..7369a149272c 100644
--- a/apps/demos/Demos/DataGrid/GridSummaries/Vue/index.html
+++ b/apps/demos/Demos/DataGrid/GridSummaries/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/GroupSummaries/Angular/index.html b/apps/demos/Demos/DataGrid/GroupSummaries/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/DataGrid/GroupSummaries/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/GroupSummaries/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/GroupSummaries/React/index.html b/apps/demos/Demos/DataGrid/GroupSummaries/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/GroupSummaries/React/index.html
+++ b/apps/demos/Demos/DataGrid/GroupSummaries/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/GroupSummaries/Vue/index.html b/apps/demos/Demos/DataGrid/GroupSummaries/Vue/index.html
index f801653ebfc5..7369a149272c 100644
--- a/apps/demos/Demos/DataGrid/GroupSummaries/Vue/index.html
+++ b/apps/demos/Demos/DataGrid/GroupSummaries/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/HorizontalVirtualScrolling/Angular/index.html b/apps/demos/Demos/DataGrid/HorizontalVirtualScrolling/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/DataGrid/HorizontalVirtualScrolling/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/HorizontalVirtualScrolling/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/HorizontalVirtualScrolling/React/index.html b/apps/demos/Demos/DataGrid/HorizontalVirtualScrolling/React/index.html
index cfb9b3aa6769..1da2da79d709 100644
--- a/apps/demos/Demos/DataGrid/HorizontalVirtualScrolling/React/index.html
+++ b/apps/demos/Demos/DataGrid/HorizontalVirtualScrolling/React/index.html
@@ -6,18 +6,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/HorizontalVirtualScrolling/Vue/index.html b/apps/demos/Demos/DataGrid/HorizontalVirtualScrolling/Vue/index.html
index f801653ebfc5..7369a149272c 100644
--- a/apps/demos/Demos/DataGrid/HorizontalVirtualScrolling/Vue/index.html
+++ b/apps/demos/Demos/DataGrid/HorizontalVirtualScrolling/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/InfiniteScrolling/Angular/index.html b/apps/demos/Demos/DataGrid/InfiniteScrolling/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/DataGrid/InfiniteScrolling/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/InfiniteScrolling/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/InfiniteScrolling/React/index.html b/apps/demos/Demos/DataGrid/InfiniteScrolling/React/index.html
index cfb9b3aa6769..1da2da79d709 100644
--- a/apps/demos/Demos/DataGrid/InfiniteScrolling/React/index.html
+++ b/apps/demos/Demos/DataGrid/InfiniteScrolling/React/index.html
@@ -6,18 +6,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/InfiniteScrolling/Vue/index.html b/apps/demos/Demos/DataGrid/InfiniteScrolling/Vue/index.html
index f801653ebfc5..7369a149272c 100644
--- a/apps/demos/Demos/DataGrid/InfiniteScrolling/Vue/index.html
+++ b/apps/demos/Demos/DataGrid/InfiniteScrolling/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/KeyboardNavigation/Angular/index.html b/apps/demos/Demos/DataGrid/KeyboardNavigation/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/DataGrid/KeyboardNavigation/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/KeyboardNavigation/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/KeyboardNavigation/React/index.html b/apps/demos/Demos/DataGrid/KeyboardNavigation/React/index.html
index cfb9b3aa6769..1da2da79d709 100644
--- a/apps/demos/Demos/DataGrid/KeyboardNavigation/React/index.html
+++ b/apps/demos/Demos/DataGrid/KeyboardNavigation/React/index.html
@@ -6,18 +6,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/KeyboardNavigation/Vue/index.html b/apps/demos/Demos/DataGrid/KeyboardNavigation/Vue/index.html
index 394de6604894..fb4cf0d3a3e5 100644
--- a/apps/demos/Demos/DataGrid/KeyboardNavigation/Vue/index.html
+++ b/apps/demos/Demos/DataGrid/KeyboardNavigation/Vue/index.html
@@ -6,23 +6,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app" />
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/LocalReordering/Angular/index.html b/apps/demos/Demos/DataGrid/LocalReordering/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/DataGrid/LocalReordering/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/LocalReordering/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/LocalReordering/React/index.html b/apps/demos/Demos/DataGrid/LocalReordering/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/LocalReordering/React/index.html
+++ b/apps/demos/Demos/DataGrid/LocalReordering/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/LocalReordering/Vue/index.html b/apps/demos/Demos/DataGrid/LocalReordering/Vue/index.html
index 394de6604894..e97e1d43d2f6 100644
--- a/apps/demos/Demos/DataGrid/LocalReordering/Vue/index.html
+++ b/apps/demos/Demos/DataGrid/LocalReordering/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app" />
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/MasterDetailAPI/Angular/index.html b/apps/demos/Demos/DataGrid/MasterDetailAPI/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/DataGrid/MasterDetailAPI/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/MasterDetailAPI/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/MasterDetailAPI/React/index.html b/apps/demos/Demos/DataGrid/MasterDetailAPI/React/index.html
index 21cf53909e8a..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/MasterDetailAPI/React/index.html
+++ b/apps/demos/Demos/DataGrid/MasterDetailAPI/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/MasterDetailAPI/Vue/index.html b/apps/demos/Demos/DataGrid/MasterDetailAPI/Vue/index.html
index 394de6604894..e97e1d43d2f6 100644
--- a/apps/demos/Demos/DataGrid/MasterDetailAPI/Vue/index.html
+++ b/apps/demos/Demos/DataGrid/MasterDetailAPI/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app" />
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/MasterDetailView/Angular/index.html b/apps/demos/Demos/DataGrid/MasterDetailView/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/DataGrid/MasterDetailView/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/MasterDetailView/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/MasterDetailView/React/index.html b/apps/demos/Demos/DataGrid/MasterDetailView/React/index.html
index 21cf53909e8a..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/MasterDetailView/React/index.html
+++ b/apps/demos/Demos/DataGrid/MasterDetailView/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/MasterDetailView/Vue/index.html b/apps/demos/Demos/DataGrid/MasterDetailView/Vue/index.html
index f801653ebfc5..7369a149272c 100644
--- a/apps/demos/Demos/DataGrid/MasterDetailView/Vue/index.html
+++ b/apps/demos/Demos/DataGrid/MasterDetailView/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/MultiRowHeadersBands/Angular/index.html b/apps/demos/Demos/DataGrid/MultiRowHeadersBands/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/DataGrid/MultiRowHeadersBands/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/MultiRowHeadersBands/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/MultiRowHeadersBands/React/index.html b/apps/demos/Demos/DataGrid/MultiRowHeadersBands/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/MultiRowHeadersBands/React/index.html
+++ b/apps/demos/Demos/DataGrid/MultiRowHeadersBands/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/MultiRowHeadersBands/Vue/index.html b/apps/demos/Demos/DataGrid/MultiRowHeadersBands/Vue/index.html
index e47563a94872..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/MultiRowHeadersBands/Vue/index.html
+++ b/apps/demos/Demos/DataGrid/MultiRowHeadersBands/Vue/index.html
@@ -6,24 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/MultipleRecordSelectionAPI/Angular/index.html b/apps/demos/Demos/DataGrid/MultipleRecordSelectionAPI/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/DataGrid/MultipleRecordSelectionAPI/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/MultipleRecordSelectionAPI/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/MultipleRecordSelectionAPI/React/index.html b/apps/demos/Demos/DataGrid/MultipleRecordSelectionAPI/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/MultipleRecordSelectionAPI/React/index.html
+++ b/apps/demos/Demos/DataGrid/MultipleRecordSelectionAPI/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/MultipleRecordSelectionAPI/Vue/index.html b/apps/demos/Demos/DataGrid/MultipleRecordSelectionAPI/Vue/index.html
index f801653ebfc5..7369a149272c 100644
--- a/apps/demos/Demos/DataGrid/MultipleRecordSelectionAPI/Vue/index.html
+++ b/apps/demos/Demos/DataGrid/MultipleRecordSelectionAPI/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/MultipleRecordSelectionModes/Angular/index.html b/apps/demos/Demos/DataGrid/MultipleRecordSelectionModes/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/DataGrid/MultipleRecordSelectionModes/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/MultipleRecordSelectionModes/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/MultipleRecordSelectionModes/React/index.html b/apps/demos/Demos/DataGrid/MultipleRecordSelectionModes/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/MultipleRecordSelectionModes/React/index.html
+++ b/apps/demos/Demos/DataGrid/MultipleRecordSelectionModes/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/MultipleRecordSelectionModes/Vue/index.html b/apps/demos/Demos/DataGrid/MultipleRecordSelectionModes/Vue/index.html
index f801653ebfc5..7369a149272c 100644
--- a/apps/demos/Demos/DataGrid/MultipleRecordSelectionModes/Vue/index.html
+++ b/apps/demos/Demos/DataGrid/MultipleRecordSelectionModes/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/MultipleSorting/Angular/index.html b/apps/demos/Demos/DataGrid/MultipleSorting/Angular/index.html
index 828a96270572..7dd155b53981 100644
--- a/apps/demos/Demos/DataGrid/MultipleSorting/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/MultipleSorting/Angular/index.html
@@ -1,27 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/MultipleSorting/React/index.html b/apps/demos/Demos/DataGrid/MultipleSorting/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/MultipleSorting/React/index.html
+++ b/apps/demos/Demos/DataGrid/MultipleSorting/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/MultipleSorting/Vue/index.html b/apps/demos/Demos/DataGrid/MultipleSorting/Vue/index.html
index f801653ebfc5..7369a149272c 100644
--- a/apps/demos/Demos/DataGrid/MultipleSorting/Vue/index.html
+++ b/apps/demos/Demos/DataGrid/MultipleSorting/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/NewRecordPosition/Angular/index.html b/apps/demos/Demos/DataGrid/NewRecordPosition/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/DataGrid/NewRecordPosition/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/NewRecordPosition/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/NewRecordPosition/React/index.html b/apps/demos/Demos/DataGrid/NewRecordPosition/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/NewRecordPosition/React/index.html
+++ b/apps/demos/Demos/DataGrid/NewRecordPosition/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/NewRecordPosition/Vue/index.html b/apps/demos/Demos/DataGrid/NewRecordPosition/Vue/index.html
index 394de6604894..e97e1d43d2f6 100644
--- a/apps/demos/Demos/DataGrid/NewRecordPosition/Vue/index.html
+++ b/apps/demos/Demos/DataGrid/NewRecordPosition/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app" />
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/Overview/Angular/index.html b/apps/demos/Demos/DataGrid/Overview/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/DataGrid/Overview/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/Overview/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/Overview/React/index.html b/apps/demos/Demos/DataGrid/Overview/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/Overview/React/index.html
+++ b/apps/demos/Demos/DataGrid/Overview/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/Overview/Vue/index.html b/apps/demos/Demos/DataGrid/Overview/Vue/index.html
index f801653ebfc5..7369a149272c 100644
--- a/apps/demos/Demos/DataGrid/Overview/Vue/index.html
+++ b/apps/demos/Demos/DataGrid/Overview/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/PDFCellCustomization/Angular/index.html b/apps/demos/Demos/DataGrid/PDFCellCustomization/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/DataGrid/PDFCellCustomization/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/PDFCellCustomization/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/PDFCellCustomization/React/index.html b/apps/demos/Demos/DataGrid/PDFCellCustomization/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/PDFCellCustomization/React/index.html
+++ b/apps/demos/Demos/DataGrid/PDFCellCustomization/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/PDFCellCustomization/Vue/index.html b/apps/demos/Demos/DataGrid/PDFCellCustomization/Vue/index.html
index f801653ebfc5..7369a149272c 100644
--- a/apps/demos/Demos/DataGrid/PDFCellCustomization/Vue/index.html
+++ b/apps/demos/Demos/DataGrid/PDFCellCustomization/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/PDFExportImages/Angular/index.html b/apps/demos/Demos/DataGrid/PDFExportImages/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/DataGrid/PDFExportImages/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/PDFExportImages/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/PDFExportImages/React/index.html b/apps/demos/Demos/DataGrid/PDFExportImages/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/PDFExportImages/React/index.html
+++ b/apps/demos/Demos/DataGrid/PDFExportImages/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/PDFExportImages/Vue/index.html b/apps/demos/Demos/DataGrid/PDFExportImages/Vue/index.html
index 61d7a89488fe..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/PDFExportImages/Vue/index.html
+++ b/apps/demos/Demos/DataGrid/PDFExportImages/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/PDFExportMultipleGrids/Angular/index.html b/apps/demos/Demos/DataGrid/PDFExportMultipleGrids/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/DataGrid/PDFExportMultipleGrids/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/PDFExportMultipleGrids/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/PDFExportMultipleGrids/React/index.html b/apps/demos/Demos/DataGrid/PDFExportMultipleGrids/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/PDFExportMultipleGrids/React/index.html
+++ b/apps/demos/Demos/DataGrid/PDFExportMultipleGrids/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/PDFExportMultipleGrids/Vue/index.html b/apps/demos/Demos/DataGrid/PDFExportMultipleGrids/Vue/index.html
index 61d7a89488fe..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/PDFExportMultipleGrids/Vue/index.html
+++ b/apps/demos/Demos/DataGrid/PDFExportMultipleGrids/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/PDFHeaderAndFooter/Angular/index.html b/apps/demos/Demos/DataGrid/PDFHeaderAndFooter/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/DataGrid/PDFHeaderAndFooter/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/PDFHeaderAndFooter/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/PDFHeaderAndFooter/React/index.html b/apps/demos/Demos/DataGrid/PDFHeaderAndFooter/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/PDFHeaderAndFooter/React/index.html
+++ b/apps/demos/Demos/DataGrid/PDFHeaderAndFooter/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/PDFHeaderAndFooter/Vue/index.html b/apps/demos/Demos/DataGrid/PDFHeaderAndFooter/Vue/index.html
index e47563a94872..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/PDFHeaderAndFooter/Vue/index.html
+++ b/apps/demos/Demos/DataGrid/PDFHeaderAndFooter/Vue/index.html
@@ -6,24 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/PDFOverview/Angular/index.html b/apps/demos/Demos/DataGrid/PDFOverview/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/DataGrid/PDFOverview/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/PDFOverview/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/PDFOverview/React/index.html b/apps/demos/Demos/DataGrid/PDFOverview/React/index.html
index cfb9b3aa6769..1da2da79d709 100644
--- a/apps/demos/Demos/DataGrid/PDFOverview/React/index.html
+++ b/apps/demos/Demos/DataGrid/PDFOverview/React/index.html
@@ -6,18 +6,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/PDFOverview/Vue/index.html b/apps/demos/Demos/DataGrid/PDFOverview/Vue/index.html
index f801653ebfc5..fb771a33adc4 100644
--- a/apps/demos/Demos/DataGrid/PDFOverview/Vue/index.html
+++ b/apps/demos/Demos/DataGrid/PDFOverview/Vue/index.html
@@ -6,23 +6,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/PopupEditing/Angular/index.html b/apps/demos/Demos/DataGrid/PopupEditing/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/DataGrid/PopupEditing/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/PopupEditing/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/PopupEditing/React/index.html b/apps/demos/Demos/DataGrid/PopupEditing/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/PopupEditing/React/index.html
+++ b/apps/demos/Demos/DataGrid/PopupEditing/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/PopupEditing/Vue/index.html b/apps/demos/Demos/DataGrid/PopupEditing/Vue/index.html
index f801653ebfc5..7369a149272c 100644
--- a/apps/demos/Demos/DataGrid/PopupEditing/Vue/index.html
+++ b/apps/demos/Demos/DataGrid/PopupEditing/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/RealTimeUpdates/Angular/index.html b/apps/demos/Demos/DataGrid/RealTimeUpdates/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/DataGrid/RealTimeUpdates/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/RealTimeUpdates/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/RealTimeUpdates/React/index.html b/apps/demos/Demos/DataGrid/RealTimeUpdates/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/RealTimeUpdates/React/index.html
+++ b/apps/demos/Demos/DataGrid/RealTimeUpdates/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/RealTimeUpdates/Vue/index.html b/apps/demos/Demos/DataGrid/RealTimeUpdates/Vue/index.html
index f801653ebfc5..7369a149272c 100644
--- a/apps/demos/Demos/DataGrid/RealTimeUpdates/Vue/index.html
+++ b/apps/demos/Demos/DataGrid/RealTimeUpdates/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/RecalculateWhileEditing/Angular/index.html b/apps/demos/Demos/DataGrid/RecalculateWhileEditing/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/DataGrid/RecalculateWhileEditing/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/RecalculateWhileEditing/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/RecalculateWhileEditing/React/index.html b/apps/demos/Demos/DataGrid/RecalculateWhileEditing/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/RecalculateWhileEditing/React/index.html
+++ b/apps/demos/Demos/DataGrid/RecalculateWhileEditing/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/RecalculateWhileEditing/Vue/index.html b/apps/demos/Demos/DataGrid/RecalculateWhileEditing/Vue/index.html
index f801653ebfc5..7369a149272c 100644
--- a/apps/demos/Demos/DataGrid/RecalculateWhileEditing/Vue/index.html
+++ b/apps/demos/Demos/DataGrid/RecalculateWhileEditing/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/RecordGrouping/Angular/index.html b/apps/demos/Demos/DataGrid/RecordGrouping/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/DataGrid/RecordGrouping/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/RecordGrouping/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/RecordGrouping/React/index.html b/apps/demos/Demos/DataGrid/RecordGrouping/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/RecordGrouping/React/index.html
+++ b/apps/demos/Demos/DataGrid/RecordGrouping/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/RecordGrouping/Vue/index.html b/apps/demos/Demos/DataGrid/RecordGrouping/Vue/index.html
index f801653ebfc5..7369a149272c 100644
--- a/apps/demos/Demos/DataGrid/RecordGrouping/Vue/index.html
+++ b/apps/demos/Demos/DataGrid/RecordGrouping/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/RecordPaging/Angular/index.html b/apps/demos/Demos/DataGrid/RecordPaging/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/DataGrid/RecordPaging/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/RecordPaging/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/RecordPaging/React/index.html b/apps/demos/Demos/DataGrid/RecordPaging/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/RecordPaging/React/index.html
+++ b/apps/demos/Demos/DataGrid/RecordPaging/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/RecordPaging/Vue/index.html b/apps/demos/Demos/DataGrid/RecordPaging/Vue/index.html
index b6bfdaa741dd..7369a149272c 100644
--- a/apps/demos/Demos/DataGrid/RecordPaging/Vue/index.html
+++ b/apps/demos/Demos/DataGrid/RecordPaging/Vue/index.html
@@ -6,24 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/RemoteCRUDOperations/Angular/index.html b/apps/demos/Demos/DataGrid/RemoteCRUDOperations/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/DataGrid/RemoteCRUDOperations/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/RemoteCRUDOperations/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/RemoteCRUDOperations/React/index.html b/apps/demos/Demos/DataGrid/RemoteCRUDOperations/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/RemoteCRUDOperations/React/index.html
+++ b/apps/demos/Demos/DataGrid/RemoteCRUDOperations/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/RemoteCRUDOperations/Vue/index.html b/apps/demos/Demos/DataGrid/RemoteCRUDOperations/Vue/index.html
index 394de6604894..e97e1d43d2f6 100644
--- a/apps/demos/Demos/DataGrid/RemoteCRUDOperations/Vue/index.html
+++ b/apps/demos/Demos/DataGrid/RemoteCRUDOperations/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app" />
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/RemoteGrouping/Angular/index.html b/apps/demos/Demos/DataGrid/RemoteGrouping/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/DataGrid/RemoteGrouping/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/RemoteGrouping/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/RemoteGrouping/React/index.html b/apps/demos/Demos/DataGrid/RemoteGrouping/React/index.html
index cfb9b3aa6769..1da2da79d709 100644
--- a/apps/demos/Demos/DataGrid/RemoteGrouping/React/index.html
+++ b/apps/demos/Demos/DataGrid/RemoteGrouping/React/index.html
@@ -6,18 +6,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/RemoteGrouping/Vue/index.html b/apps/demos/Demos/DataGrid/RemoteGrouping/Vue/index.html
index f801653ebfc5..7369a149272c 100644
--- a/apps/demos/Demos/DataGrid/RemoteGrouping/Vue/index.html
+++ b/apps/demos/Demos/DataGrid/RemoteGrouping/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/RemoteReordering/Angular/index.html b/apps/demos/Demos/DataGrid/RemoteReordering/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/DataGrid/RemoteReordering/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/RemoteReordering/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/RemoteReordering/React/index.html b/apps/demos/Demos/DataGrid/RemoteReordering/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/RemoteReordering/React/index.html
+++ b/apps/demos/Demos/DataGrid/RemoteReordering/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/RemoteReordering/Vue/index.html b/apps/demos/Demos/DataGrid/RemoteReordering/Vue/index.html
index 394de6604894..fb4cf0d3a3e5 100644
--- a/apps/demos/Demos/DataGrid/RemoteReordering/Vue/index.html
+++ b/apps/demos/Demos/DataGrid/RemoteReordering/Vue/index.html
@@ -6,23 +6,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app" />
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/RemoteVirtualScrolling/Angular/index.html b/apps/demos/Demos/DataGrid/RemoteVirtualScrolling/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/DataGrid/RemoteVirtualScrolling/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/RemoteVirtualScrolling/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/RemoteVirtualScrolling/React/index.html b/apps/demos/Demos/DataGrid/RemoteVirtualScrolling/React/index.html
index 21cf53909e8a..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/RemoteVirtualScrolling/React/index.html
+++ b/apps/demos/Demos/DataGrid/RemoteVirtualScrolling/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/RemoteVirtualScrolling/Vue/index.html b/apps/demos/Demos/DataGrid/RemoteVirtualScrolling/Vue/index.html
index f801653ebfc5..7369a149272c 100644
--- a/apps/demos/Demos/DataGrid/RemoteVirtualScrolling/Vue/index.html
+++ b/apps/demos/Demos/DataGrid/RemoteVirtualScrolling/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/RightToLeftSupport/Angular/index.html b/apps/demos/Demos/DataGrid/RightToLeftSupport/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/DataGrid/RightToLeftSupport/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/RightToLeftSupport/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/RightToLeftSupport/React/index.html b/apps/demos/Demos/DataGrid/RightToLeftSupport/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/RightToLeftSupport/React/index.html
+++ b/apps/demos/Demos/DataGrid/RightToLeftSupport/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/RightToLeftSupport/Vue/index.html b/apps/demos/Demos/DataGrid/RightToLeftSupport/Vue/index.html
index f801653ebfc5..7369a149272c 100644
--- a/apps/demos/Demos/DataGrid/RightToLeftSupport/Vue/index.html
+++ b/apps/demos/Demos/DataGrid/RightToLeftSupport/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/Row/Angular/index.html b/apps/demos/Demos/DataGrid/Row/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/DataGrid/Row/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/Row/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/Row/React/index.html b/apps/demos/Demos/DataGrid/Row/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/Row/React/index.html
+++ b/apps/demos/Demos/DataGrid/Row/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/Row/Vue/index.html b/apps/demos/Demos/DataGrid/Row/Vue/index.html
index f801653ebfc5..7369a149272c 100644
--- a/apps/demos/Demos/DataGrid/Row/Vue/index.html
+++ b/apps/demos/Demos/DataGrid/Row/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/RowEditing/Angular/index.html b/apps/demos/Demos/DataGrid/RowEditing/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/DataGrid/RowEditing/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/RowEditing/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/RowEditing/React/index.html b/apps/demos/Demos/DataGrid/RowEditing/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/RowEditing/React/index.html
+++ b/apps/demos/Demos/DataGrid/RowEditing/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/RowEditing/Vue/index.html b/apps/demos/Demos/DataGrid/RowEditing/Vue/index.html
index 394de6604894..e97e1d43d2f6 100644
--- a/apps/demos/Demos/DataGrid/RowEditing/Vue/index.html
+++ b/apps/demos/Demos/DataGrid/RowEditing/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app" />
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/RowSelection/Angular/index.html b/apps/demos/Demos/DataGrid/RowSelection/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/DataGrid/RowSelection/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/RowSelection/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/RowSelection/React/index.html b/apps/demos/Demos/DataGrid/RowSelection/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/RowSelection/React/index.html
+++ b/apps/demos/Demos/DataGrid/RowSelection/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/RowSelection/Vue/index.html b/apps/demos/Demos/DataGrid/RowSelection/Vue/index.html
index 394de6604894..e97e1d43d2f6 100644
--- a/apps/demos/Demos/DataGrid/RowSelection/Vue/index.html
+++ b/apps/demos/Demos/DataGrid/RowSelection/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app" />
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/SemanticSearch/Angular/index.html b/apps/demos/Demos/DataGrid/SemanticSearch/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/DataGrid/SemanticSearch/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/SemanticSearch/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/SemanticSearch/React/index.html b/apps/demos/Demos/DataGrid/SemanticSearch/React/index.html
index cfb9b3aa6769..1da2da79d709 100644
--- a/apps/demos/Demos/DataGrid/SemanticSearch/React/index.html
+++ b/apps/demos/Demos/DataGrid/SemanticSearch/React/index.html
@@ -6,18 +6,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/SemanticSearch/Vue/index.html b/apps/demos/Demos/DataGrid/SemanticSearch/Vue/index.html
index b21c5e373a7a..fb4cf0d3a3e5 100644
--- a/apps/demos/Demos/DataGrid/SemanticSearch/Vue/index.html
+++ b/apps/demos/Demos/DataGrid/SemanticSearch/Vue/index.html
@@ -6,24 +6,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/typescript/lib/typescript.js"></script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app" />
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/SignalRService/Angular/index.html b/apps/demos/Demos/DataGrid/SignalRService/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/DataGrid/SignalRService/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/SignalRService/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/SignalRService/React/index.html b/apps/demos/Demos/DataGrid/SignalRService/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/SignalRService/React/index.html
+++ b/apps/demos/Demos/DataGrid/SignalRService/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/SignalRService/Vue/index.html b/apps/demos/Demos/DataGrid/SignalRService/Vue/index.html
index f801653ebfc5..7369a149272c 100644
--- a/apps/demos/Demos/DataGrid/SignalRService/Vue/index.html
+++ b/apps/demos/Demos/DataGrid/SignalRService/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/SimpleArray/Angular/index.html b/apps/demos/Demos/DataGrid/SimpleArray/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/DataGrid/SimpleArray/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/SimpleArray/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/SimpleArray/React/index.html b/apps/demos/Demos/DataGrid/SimpleArray/React/index.html
index cfb9b3aa6769..1da2da79d709 100644
--- a/apps/demos/Demos/DataGrid/SimpleArray/React/index.html
+++ b/apps/demos/Demos/DataGrid/SimpleArray/React/index.html
@@ -6,18 +6,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/SimpleArray/Vue/index.html b/apps/demos/Demos/DataGrid/SimpleArray/Vue/index.html
index 394de6604894..fb4cf0d3a3e5 100644
--- a/apps/demos/Demos/DataGrid/SimpleArray/Vue/index.html
+++ b/apps/demos/Demos/DataGrid/SimpleArray/Vue/index.html
@@ -6,23 +6,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app" />
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/StatePersistence/Angular/index.html b/apps/demos/Demos/DataGrid/StatePersistence/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/DataGrid/StatePersistence/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/StatePersistence/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/StatePersistence/React/index.html b/apps/demos/Demos/DataGrid/StatePersistence/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/StatePersistence/React/index.html
+++ b/apps/demos/Demos/DataGrid/StatePersistence/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/StatePersistence/Vue/index.html b/apps/demos/Demos/DataGrid/StatePersistence/Vue/index.html
index 394de6604894..e97e1d43d2f6 100644
--- a/apps/demos/Demos/DataGrid/StatePersistence/Vue/index.html
+++ b/apps/demos/Demos/DataGrid/StatePersistence/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app" />
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/Toolbar/Angular/index.html b/apps/demos/Demos/DataGrid/Toolbar/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/DataGrid/Toolbar/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/Toolbar/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/Toolbar/React/index.html b/apps/demos/Demos/DataGrid/Toolbar/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/Toolbar/React/index.html
+++ b/apps/demos/Demos/DataGrid/Toolbar/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/Toolbar/Vue/index.html b/apps/demos/Demos/DataGrid/Toolbar/Vue/index.html
index 394de6604894..e97e1d43d2f6 100644
--- a/apps/demos/Demos/DataGrid/Toolbar/Vue/index.html
+++ b/apps/demos/Demos/DataGrid/Toolbar/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app" />
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/VirtualScrolling/Angular/index.html b/apps/demos/Demos/DataGrid/VirtualScrolling/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/DataGrid/VirtualScrolling/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/VirtualScrolling/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/VirtualScrolling/React/index.html b/apps/demos/Demos/DataGrid/VirtualScrolling/React/index.html
index cfb9b3aa6769..1da2da79d709 100644
--- a/apps/demos/Demos/DataGrid/VirtualScrolling/React/index.html
+++ b/apps/demos/Demos/DataGrid/VirtualScrolling/React/index.html
@@ -6,18 +6,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/VirtualScrolling/Vue/index.html b/apps/demos/Demos/DataGrid/VirtualScrolling/Vue/index.html
index f801653ebfc5..7369a149272c 100644
--- a/apps/demos/Demos/DataGrid/VirtualScrolling/Vue/index.html
+++ b/apps/demos/Demos/DataGrid/VirtualScrolling/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/WebAPIService/Angular/index.html b/apps/demos/Demos/DataGrid/WebAPIService/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/DataGrid/WebAPIService/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/WebAPIService/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/WebAPIService/React/index.html b/apps/demos/Demos/DataGrid/WebAPIService/React/index.html
index cfb9b3aa6769..1da2da79d709 100644
--- a/apps/demos/Demos/DataGrid/WebAPIService/React/index.html
+++ b/apps/demos/Demos/DataGrid/WebAPIService/React/index.html
@@ -6,18 +6,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/WebAPIService/Vue/index.html b/apps/demos/Demos/DataGrid/WebAPIService/Vue/index.html
index 394de6604894..fb4cf0d3a3e5 100644
--- a/apps/demos/Demos/DataGrid/WebAPIService/Vue/index.html
+++ b/apps/demos/Demos/DataGrid/WebAPIService/Vue/index.html
@@ -6,23 +6,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app" />
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DateBox/Formatting/Angular/index.html b/apps/demos/Demos/DateBox/Formatting/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/DateBox/Formatting/Angular/index.html
+++ b/apps/demos/Demos/DateBox/Formatting/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DateBox/Formatting/React/index.html b/apps/demos/Demos/DateBox/Formatting/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/DateBox/Formatting/React/index.html
+++ b/apps/demos/Demos/DateBox/Formatting/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DateBox/Formatting/Vue/index.html b/apps/demos/Demos/DateBox/Formatting/Vue/index.html
index f801653ebfc5..7369a149272c 100644
--- a/apps/demos/Demos/DateBox/Formatting/Vue/index.html
+++ b/apps/demos/Demos/DateBox/Formatting/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DateBox/Overview/Angular/index.html b/apps/demos/Demos/DateBox/Overview/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/DateBox/Overview/Angular/index.html
+++ b/apps/demos/Demos/DateBox/Overview/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DateBox/Overview/React/index.html b/apps/demos/Demos/DateBox/Overview/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/DateBox/Overview/React/index.html
+++ b/apps/demos/Demos/DateBox/Overview/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DateBox/Overview/Vue/index.html b/apps/demos/Demos/DateBox/Overview/Vue/index.html
index f801653ebfc5..7369a149272c 100644
--- a/apps/demos/Demos/DateBox/Overview/Vue/index.html
+++ b/apps/demos/Demos/DateBox/Overview/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DateRangeBox/Formatting/Angular/index.html b/apps/demos/Demos/DateRangeBox/Formatting/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/DateRangeBox/Formatting/Angular/index.html
+++ b/apps/demos/Demos/DateRangeBox/Formatting/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DateRangeBox/Formatting/React/index.html b/apps/demos/Demos/DateRangeBox/Formatting/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/DateRangeBox/Formatting/React/index.html
+++ b/apps/demos/Demos/DateRangeBox/Formatting/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DateRangeBox/Formatting/Vue/index.html b/apps/demos/Demos/DateRangeBox/Formatting/Vue/index.html
index f801653ebfc5..7369a149272c 100644
--- a/apps/demos/Demos/DateRangeBox/Formatting/Vue/index.html
+++ b/apps/demos/Demos/DateRangeBox/Formatting/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DateRangeBox/Overview/Angular/index.html b/apps/demos/Demos/DateRangeBox/Overview/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/DateRangeBox/Overview/Angular/index.html
+++ b/apps/demos/Demos/DateRangeBox/Overview/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DateRangeBox/Overview/React/index.html b/apps/demos/Demos/DateRangeBox/Overview/React/index.html
index 0a0215396830..7b47950bbaff 100644
--- a/apps/demos/Demos/DateRangeBox/Overview/React/index.html
+++ b/apps/demos/Demos/DateRangeBox/Overview/React/index.html
@@ -6,20 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DateRangeBox/Overview/Vue/index.html b/apps/demos/Demos/DateRangeBox/Overview/Vue/index.html
index f801653ebfc5..7369a149272c 100644
--- a/apps/demos/Demos/DateRangeBox/Overview/Vue/index.html
+++ b/apps/demos/Demos/DateRangeBox/Overview/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Diagram/Adaptability/Angular/index.html b/apps/demos/Demos/Diagram/Adaptability/Angular/index.html
index 570cbf32da58..7dd155b53981 100644
--- a/apps/demos/Demos/Diagram/Adaptability/Angular/index.html
+++ b/apps/demos/Demos/Diagram/Adaptability/Angular/index.html
@@ -1,27 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Diagram/Adaptability/React/index.html b/apps/demos/Demos/Diagram/Adaptability/React/index.html
index 467246ed5f9b..7b47950bbaff 100644
--- a/apps/demos/Demos/Diagram/Adaptability/React/index.html
+++ b/apps/demos/Demos/Diagram/Adaptability/React/index.html
@@ -5,21 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Diagram/Adaptability/Vue/index.html b/apps/demos/Demos/Diagram/Adaptability/Vue/index.html
index 3e123163b341..7369a149272c 100644
--- a/apps/demos/Demos/Diagram/Adaptability/Vue/index.html
+++ b/apps/demos/Demos/Diagram/Adaptability/Vue/index.html
@@ -5,25 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Diagram/AdvancedDataBinding/Angular/index.html b/apps/demos/Demos/Diagram/AdvancedDataBinding/Angular/index.html
index 570cbf32da58..7dd155b53981 100644
--- a/apps/demos/Demos/Diagram/AdvancedDataBinding/Angular/index.html
+++ b/apps/demos/Demos/Diagram/AdvancedDataBinding/Angular/index.html
@@ -1,27 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Diagram/AdvancedDataBinding/React/index.html b/apps/demos/Demos/Diagram/AdvancedDataBinding/React/index.html
index 467246ed5f9b..7b47950bbaff 100644
--- a/apps/demos/Demos/Diagram/AdvancedDataBinding/React/index.html
+++ b/apps/demos/Demos/Diagram/AdvancedDataBinding/React/index.html
@@ -5,21 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Diagram/AdvancedDataBinding/Vue/index.html b/apps/demos/Demos/Diagram/AdvancedDataBinding/Vue/index.html
index 3e123163b341..7369a149272c 100644
--- a/apps/demos/Demos/Diagram/AdvancedDataBinding/Vue/index.html
+++ b/apps/demos/Demos/Diagram/AdvancedDataBinding/Vue/index.html
@@ -5,25 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Diagram/Containers/Angular/index.html b/apps/demos/Demos/Diagram/Containers/Angular/index.html
index 570cbf32da58..7dd155b53981 100644
--- a/apps/demos/Demos/Diagram/Containers/Angular/index.html
+++ b/apps/demos/Demos/Diagram/Containers/Angular/index.html
@@ -1,27 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Diagram/Containers/React/index.html b/apps/demos/Demos/Diagram/Containers/React/index.html
index 467246ed5f9b..7b47950bbaff 100644
--- a/apps/demos/Demos/Diagram/Containers/React/index.html
+++ b/apps/demos/Demos/Diagram/Containers/React/index.html
@@ -5,21 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Diagram/Containers/Vue/index.html b/apps/demos/Demos/Diagram/Containers/Vue/index.html
index 3e123163b341..7369a149272c 100644
--- a/apps/demos/Demos/Diagram/Containers/Vue/index.html
+++ b/apps/demos/Demos/Diagram/Containers/Vue/index.html
@@ -5,25 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Diagram/CustomShapesWithIcons/Angular/index.html b/apps/demos/Demos/Diagram/CustomShapesWithIcons/Angular/index.html
index 570cbf32da58..7dd155b53981 100644
--- a/apps/demos/Demos/Diagram/CustomShapesWithIcons/Angular/index.html
+++ b/apps/demos/Demos/Diagram/CustomShapesWithIcons/Angular/index.html
@@ -1,27 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Diagram/CustomShapesWithIcons/React/index.html b/apps/demos/Demos/Diagram/CustomShapesWithIcons/React/index.html
index 467246ed5f9b..7b47950bbaff 100644
--- a/apps/demos/Demos/Diagram/CustomShapesWithIcons/React/index.html
+++ b/apps/demos/Demos/Diagram/CustomShapesWithIcons/React/index.html
@@ -5,21 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Diagram/CustomShapesWithIcons/Vue/index.html b/apps/demos/Demos/Diagram/CustomShapesWithIcons/Vue/index.html
index 3e123163b341..7369a149272c 100644
--- a/apps/demos/Demos/Diagram/CustomShapesWithIcons/Vue/index.html
+++ b/apps/demos/Demos/Diagram/CustomShapesWithIcons/Vue/index.html
@@ -5,25 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Diagram/CustomShapesWithTemplates/Angular/index.html b/apps/demos/Demos/Diagram/CustomShapesWithTemplates/Angular/index.html
index 570cbf32da58..7dd155b53981 100644
--- a/apps/demos/Demos/Diagram/CustomShapesWithTemplates/Angular/index.html
+++ b/apps/demos/Demos/Diagram/CustomShapesWithTemplates/Angular/index.html
@@ -1,27 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Diagram/CustomShapesWithTemplates/React/index.html b/apps/demos/Demos/Diagram/CustomShapesWithTemplates/React/index.html
index 467246ed5f9b..7b47950bbaff 100644
--- a/apps/demos/Demos/Diagram/CustomShapesWithTemplates/React/index.html
+++ b/apps/demos/Demos/Diagram/CustomShapesWithTemplates/React/index.html
@@ -5,21 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Diagram/CustomShapesWithTemplates/Vue/index.html b/apps/demos/Demos/Diagram/CustomShapesWithTemplates/Vue/index.html
index 3e123163b341..7369a149272c 100644
--- a/apps/demos/Demos/Diagram/CustomShapesWithTemplates/Vue/index.html
+++ b/apps/demos/Demos/Diagram/CustomShapesWithTemplates/Vue/index.html
@@ -5,25 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Diagram/CustomShapesWithTemplatesWithEditing/Angular/index.html b/apps/demos/Demos/Diagram/CustomShapesWithTemplatesWithEditing/Angular/index.html
index 570cbf32da58..7dd155b53981 100644
--- a/apps/demos/Demos/Diagram/CustomShapesWithTemplatesWithEditing/Angular/index.html
+++ b/apps/demos/Demos/Diagram/CustomShapesWithTemplatesWithEditing/Angular/index.html
@@ -1,27 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Diagram/CustomShapesWithTemplatesWithEditing/React/index.html b/apps/demos/Demos/Diagram/CustomShapesWithTemplatesWithEditing/React/index.html
index 467246ed5f9b..7b47950bbaff 100644
--- a/apps/demos/Demos/Diagram/CustomShapesWithTemplatesWithEditing/React/index.html
+++ b/apps/demos/Demos/Diagram/CustomShapesWithTemplatesWithEditing/React/index.html
@@ -5,21 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Diagram/CustomShapesWithTemplatesWithEditing/Vue/index.html b/apps/demos/Demos/Diagram/CustomShapesWithTemplatesWithEditing/Vue/index.html
index 3e123163b341..7369a149272c 100644
--- a/apps/demos/Demos/Diagram/CustomShapesWithTemplatesWithEditing/Vue/index.html
+++ b/apps/demos/Demos/Diagram/CustomShapesWithTemplatesWithEditing/Vue/index.html
@@ -5,25 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Diagram/CustomShapesWithTexts/Angular/index.html b/apps/demos/Demos/Diagram/CustomShapesWithTexts/Angular/index.html
index 570cbf32da58..7dd155b53981 100644
--- a/apps/demos/Demos/Diagram/CustomShapesWithTexts/Angular/index.html
+++ b/apps/demos/Demos/Diagram/CustomShapesWithTexts/Angular/index.html
@@ -1,27 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Diagram/CustomShapesWithTexts/React/index.html b/apps/demos/Demos/Diagram/CustomShapesWithTexts/React/index.html
index 467246ed5f9b..7b47950bbaff 100644
--- a/apps/demos/Demos/Diagram/CustomShapesWithTexts/React/index.html
+++ b/apps/demos/Demos/Diagram/CustomShapesWithTexts/React/index.html
@@ -5,21 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Diagram/CustomShapesWithTexts/Vue/index.html b/apps/demos/Demos/Diagram/CustomShapesWithTexts/Vue/index.html
index 3e123163b341..7369a149272c 100644
--- a/apps/demos/Demos/Diagram/CustomShapesWithTexts/Vue/index.html
+++ b/apps/demos/Demos/Diagram/CustomShapesWithTexts/Vue/index.html
@@ -5,25 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Diagram/ImagesInShapes/Angular/index.html b/apps/demos/Demos/Diagram/ImagesInShapes/Angular/index.html
index 570cbf32da58..7dd155b53981 100644
--- a/apps/demos/Demos/Diagram/ImagesInShapes/Angular/index.html
+++ b/apps/demos/Demos/Diagram/ImagesInShapes/Angular/index.html
@@ -1,27 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Diagram/ImagesInShapes/React/index.html b/apps/demos/Demos/Diagram/ImagesInShapes/React/index.html
index 467246ed5f9b..7b47950bbaff 100644
--- a/apps/demos/Demos/Diagram/ImagesInShapes/React/index.html
+++ b/apps/demos/Demos/Diagram/ImagesInShapes/React/index.html
@@ -5,21 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Diagram/ImagesInShapes/Vue/index.html b/apps/demos/Demos/Diagram/ImagesInShapes/Vue/index.html
index 3e123163b341..7369a149272c 100644
--- a/apps/demos/Demos/Diagram/ImagesInShapes/Vue/index.html
+++ b/apps/demos/Demos/Diagram/ImagesInShapes/Vue/index.html
@@ -5,25 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Diagram/ItemSelection/Angular/index.html b/apps/demos/Demos/Diagram/ItemSelection/Angular/index.html
index 570cbf32da58..7dd155b53981 100644
--- a/apps/demos/Demos/Diagram/ItemSelection/Angular/index.html
+++ b/apps/demos/Demos/Diagram/ItemSelection/Angular/index.html
@@ -1,27 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Diagram/ItemSelection/React/index.html b/apps/demos/Demos/Diagram/ItemSelection/React/index.html
index 467246ed5f9b..7b47950bbaff 100644
--- a/apps/demos/Demos/Diagram/ItemSelection/React/index.html
+++ b/apps/demos/Demos/Diagram/ItemSelection/React/index.html
@@ -5,21 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Diagram/ItemSelection/Vue/index.html b/apps/demos/Demos/Diagram/ItemSelection/Vue/index.html
index 3e123163b341..7369a149272c 100644
--- a/apps/demos/Demos/Diagram/ItemSelection/Vue/index.html
+++ b/apps/demos/Demos/Diagram/ItemSelection/Vue/index.html
@@ -5,25 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Diagram/NodesAndEdgesArrays/Angular/index.html b/apps/demos/Demos/Diagram/NodesAndEdgesArrays/Angular/index.html
index 570cbf32da58..7dd155b53981 100644
--- a/apps/demos/Demos/Diagram/NodesAndEdgesArrays/Angular/index.html
+++ b/apps/demos/Demos/Diagram/NodesAndEdgesArrays/Angular/index.html
@@ -1,27 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Diagram/NodesAndEdgesArrays/React/index.html b/apps/demos/Demos/Diagram/NodesAndEdgesArrays/React/index.html
index 467246ed5f9b..7b47950bbaff 100644
--- a/apps/demos/Demos/Diagram/NodesAndEdgesArrays/React/index.html
+++ b/apps/demos/Demos/Diagram/NodesAndEdgesArrays/React/index.html
@@ -5,21 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Diagram/NodesAndEdgesArrays/Vue/index.html b/apps/demos/Demos/Diagram/NodesAndEdgesArrays/Vue/index.html
index 3e123163b341..7369a149272c 100644
--- a/apps/demos/Demos/Diagram/NodesAndEdgesArrays/Vue/index.html
+++ b/apps/demos/Demos/Diagram/NodesAndEdgesArrays/Vue/index.html
@@ -5,25 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Diagram/NodesArrayHierarchicalStructure/Angular/index.html b/apps/demos/Demos/Diagram/NodesArrayHierarchicalStructure/Angular/index.html
index 570cbf32da58..7dd155b53981 100644
--- a/apps/demos/Demos/Diagram/NodesArrayHierarchicalStructure/Angular/index.html
+++ b/apps/demos/Demos/Diagram/NodesArrayHierarchicalStructure/Angular/index.html
@@ -1,27 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Diagram/NodesArrayHierarchicalStructure/React/index.html b/apps/demos/Demos/Diagram/NodesArrayHierarchicalStructure/React/index.html
index 467246ed5f9b..7b47950bbaff 100644
--- a/apps/demos/Demos/Diagram/NodesArrayHierarchicalStructure/React/index.html
+++ b/apps/demos/Demos/Diagram/NodesArrayHierarchicalStructure/React/index.html
@@ -5,21 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Diagram/NodesArrayHierarchicalStructure/Vue/index.html b/apps/demos/Demos/Diagram/NodesArrayHierarchicalStructure/Vue/index.html
index 3e123163b341..7369a149272c 100644
--- a/apps/demos/Demos/Diagram/NodesArrayHierarchicalStructure/Vue/index.html
+++ b/apps/demos/Demos/Diagram/NodesArrayHierarchicalStructure/Vue/index.html
@@ -5,25 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Diagram/NodesArrayPlainStructure/Angular/index.html b/apps/demos/Demos/Diagram/NodesArrayPlainStructure/Angular/index.html
index 570cbf32da58..7dd155b53981 100644
--- a/apps/demos/Demos/Diagram/NodesArrayPlainStructure/Angular/index.html
+++ b/apps/demos/Demos/Diagram/NodesArrayPlainStructure/Angular/index.html
@@ -1,27 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Diagram/NodesArrayPlainStructure/React/index.html b/apps/demos/Demos/Diagram/NodesArrayPlainStructure/React/index.html
index 467246ed5f9b..7b47950bbaff 100644
--- a/apps/demos/Demos/Diagram/NodesArrayPlainStructure/React/index.html
+++ b/apps/demos/Demos/Diagram/NodesArrayPlainStructure/React/index.html
@@ -5,21 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Diagram/NodesArrayPlainStructure/Vue/index.html b/apps/demos/Demos/Diagram/NodesArrayPlainStructure/Vue/index.html
index 3e123163b341..7369a149272c 100644
--- a/apps/demos/Demos/Diagram/NodesArrayPlainStructure/Vue/index.html
+++ b/apps/demos/Demos/Diagram/NodesArrayPlainStructure/Vue/index.html
@@ -5,25 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Diagram/OperationRestrictions/Angular/index.html b/apps/demos/Demos/Diagram/OperationRestrictions/Angular/index.html
index 570cbf32da58..7dd155b53981 100644
--- a/apps/demos/Demos/Diagram/OperationRestrictions/Angular/index.html
+++ b/apps/demos/Demos/Diagram/OperationRestrictions/Angular/index.html
@@ -1,27 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Diagram/OperationRestrictions/React/index.html b/apps/demos/Demos/Diagram/OperationRestrictions/React/index.html
index 467246ed5f9b..7b47950bbaff 100644
--- a/apps/demos/Demos/Diagram/OperationRestrictions/React/index.html
+++ b/apps/demos/Demos/Diagram/OperationRestrictions/React/index.html
@@ -5,21 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Diagram/OperationRestrictions/Vue/index.html b/apps/demos/Demos/Diagram/OperationRestrictions/Vue/index.html
index 3e123163b341..7369a149272c 100644
--- a/apps/demos/Demos/Diagram/OperationRestrictions/Vue/index.html
+++ b/apps/demos/Demos/Diagram/OperationRestrictions/Vue/index.html
@@ -5,25 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Diagram/Overview/Angular/index.html b/apps/demos/Demos/Diagram/Overview/Angular/index.html
index 570cbf32da58..7dd155b53981 100644
--- a/apps/demos/Demos/Diagram/Overview/Angular/index.html
+++ b/apps/demos/Demos/Diagram/Overview/Angular/index.html
@@ -1,27 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Diagram/Overview/React/index.html b/apps/demos/Demos/Diagram/Overview/React/index.html
index 467246ed5f9b..7b47950bbaff 100644
--- a/apps/demos/Demos/Diagram/Overview/React/index.html
+++ b/apps/demos/Demos/Diagram/Overview/React/index.html
@@ -5,21 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Diagram/Overview/Vue/index.html b/apps/demos/Demos/Diagram/Overview/Vue/index.html
index 3e123163b341..7369a149272c 100644
--- a/apps/demos/Demos/Diagram/Overview/Vue/index.html
+++ b/apps/demos/Demos/Diagram/Overview/Vue/index.html
@@ -5,25 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Diagram/ReadOnly/Angular/index.html b/apps/demos/Demos/Diagram/ReadOnly/Angular/index.html
index 570cbf32da58..7dd155b53981 100644
--- a/apps/demos/Demos/Diagram/ReadOnly/Angular/index.html
+++ b/apps/demos/Demos/Diagram/ReadOnly/Angular/index.html
@@ -1,27 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Diagram/ReadOnly/React/index.html b/apps/demos/Demos/Diagram/ReadOnly/React/index.html
index 467246ed5f9b..7b47950bbaff 100644
--- a/apps/demos/Demos/Diagram/ReadOnly/React/index.html
+++ b/apps/demos/Demos/Diagram/ReadOnly/React/index.html
@@ -5,21 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Diagram/ReadOnly/Vue/index.html b/apps/demos/Demos/Diagram/ReadOnly/Vue/index.html
index 3e123163b341..7369a149272c 100644
--- a/apps/demos/Demos/Diagram/ReadOnly/Vue/index.html
+++ b/apps/demos/Demos/Diagram/ReadOnly/Vue/index.html
@@ -5,25 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Diagram/SimpleView/Angular/index.html b/apps/demos/Demos/Diagram/SimpleView/Angular/index.html
index 570cbf32da58..7dd155b53981 100644
--- a/apps/demos/Demos/Diagram/SimpleView/Angular/index.html
+++ b/apps/demos/Demos/Diagram/SimpleView/Angular/index.html
@@ -1,27 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Diagram/SimpleView/React/index.html b/apps/demos/Demos/Diagram/SimpleView/React/index.html
index 467246ed5f9b..7b47950bbaff 100644
--- a/apps/demos/Demos/Diagram/SimpleView/React/index.html
+++ b/apps/demos/Demos/Diagram/SimpleView/React/index.html
@@ -5,21 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Diagram/SimpleView/Vue/index.html b/apps/demos/Demos/Diagram/SimpleView/Vue/index.html
index 3e123163b341..7369a149272c 100644
--- a/apps/demos/Demos/Diagram/SimpleView/Vue/index.html
+++ b/apps/demos/Demos/Diagram/SimpleView/Vue/index.html
@@ -5,25 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Diagram/UICustomization/Angular/index.html b/apps/demos/Demos/Diagram/UICustomization/Angular/index.html
index 570cbf32da58..7dd155b53981 100644
--- a/apps/demos/Demos/Diagram/UICustomization/Angular/index.html
+++ b/apps/demos/Demos/Diagram/UICustomization/Angular/index.html
@@ -1,27 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Diagram/UICustomization/React/index.html b/apps/demos/Demos/Diagram/UICustomization/React/index.html
index 467246ed5f9b..7b47950bbaff 100644
--- a/apps/demos/Demos/Diagram/UICustomization/React/index.html
+++ b/apps/demos/Demos/Diagram/UICustomization/React/index.html
@@ -5,21 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Diagram/UICustomization/Vue/index.html b/apps/demos/Demos/Diagram/UICustomization/Vue/index.html
index 3e123163b341..7369a149272c 100644
--- a/apps/demos/Demos/Diagram/UICustomization/Vue/index.html
+++ b/apps/demos/Demos/Diagram/UICustomization/Vue/index.html
@@ -5,25 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Diagram/WebAPIService/Angular/index.html b/apps/demos/Demos/Diagram/WebAPIService/Angular/index.html
index 570cbf32da58..7dd155b53981 100644
--- a/apps/demos/Demos/Diagram/WebAPIService/Angular/index.html
+++ b/apps/demos/Demos/Diagram/WebAPIService/Angular/index.html
@@ -1,27 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Diagram/WebAPIService/React/index.html b/apps/demos/Demos/Diagram/WebAPIService/React/index.html
index 467246ed5f9b..7b47950bbaff 100644
--- a/apps/demos/Demos/Diagram/WebAPIService/React/index.html
+++ b/apps/demos/Demos/Diagram/WebAPIService/React/index.html
@@ -5,21 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Diagram/WebAPIService/Vue/index.html b/apps/demos/Demos/Diagram/WebAPIService/Vue/index.html
index 3e123163b341..7369a149272c 100644
--- a/apps/demos/Demos/Diagram/WebAPIService/Vue/index.html
+++ b/apps/demos/Demos/Diagram/WebAPIService/Vue/index.html
@@ -5,25 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Drawer/LeftOrRightPosition/Angular/index.html b/apps/demos/Demos/Drawer/LeftOrRightPosition/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Drawer/LeftOrRightPosition/Angular/index.html
+++ b/apps/demos/Demos/Drawer/LeftOrRightPosition/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Drawer/LeftOrRightPosition/React/index.html b/apps/demos/Demos/Drawer/LeftOrRightPosition/React/index.html
index 5206b8ac6452..7b47950bbaff 100644
--- a/apps/demos/Demos/Drawer/LeftOrRightPosition/React/index.html
+++ b/apps/demos/Demos/Drawer/LeftOrRightPosition/React/index.html
@@ -6,20 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Drawer/LeftOrRightPosition/Vue/index.html b/apps/demos/Demos/Drawer/LeftOrRightPosition/Vue/index.html
index 8b0eb3ef5402..7369a149272c 100644
--- a/apps/demos/Demos/Drawer/LeftOrRightPosition/Vue/index.html
+++ b/apps/demos/Demos/Drawer/LeftOrRightPosition/Vue/index.html
@@ -6,27 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Drawer/TopOrBottomPosition/Angular/index.html b/apps/demos/Demos/Drawer/TopOrBottomPosition/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Drawer/TopOrBottomPosition/Angular/index.html
+++ b/apps/demos/Demos/Drawer/TopOrBottomPosition/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Drawer/TopOrBottomPosition/React/index.html b/apps/demos/Demos/Drawer/TopOrBottomPosition/React/index.html
index 5206b8ac6452..7b47950bbaff 100644
--- a/apps/demos/Demos/Drawer/TopOrBottomPosition/React/index.html
+++ b/apps/demos/Demos/Drawer/TopOrBottomPosition/React/index.html
@@ -6,20 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Drawer/TopOrBottomPosition/Vue/index.html b/apps/demos/Demos/Drawer/TopOrBottomPosition/Vue/index.html
index 8b0eb3ef5402..7369a149272c 100644
--- a/apps/demos/Demos/Drawer/TopOrBottomPosition/Vue/index.html
+++ b/apps/demos/Demos/Drawer/TopOrBottomPosition/Vue/index.html
@@ -6,27 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DropDownBox/MultipleSelection/Angular/index.html b/apps/demos/Demos/DropDownBox/MultipleSelection/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/DropDownBox/MultipleSelection/Angular/index.html
+++ b/apps/demos/Demos/DropDownBox/MultipleSelection/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DropDownBox/MultipleSelection/React/index.html b/apps/demos/Demos/DropDownBox/MultipleSelection/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/DropDownBox/MultipleSelection/React/index.html
+++ b/apps/demos/Demos/DropDownBox/MultipleSelection/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DropDownBox/MultipleSelection/Vue/index.html b/apps/demos/Demos/DropDownBox/MultipleSelection/Vue/index.html
index f801653ebfc5..7369a149272c 100644
--- a/apps/demos/Demos/DropDownBox/MultipleSelection/Vue/index.html
+++ b/apps/demos/Demos/DropDownBox/MultipleSelection/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DropDownBox/SingleSelection/Angular/index.html b/apps/demos/Demos/DropDownBox/SingleSelection/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/DropDownBox/SingleSelection/Angular/index.html
+++ b/apps/demos/Demos/DropDownBox/SingleSelection/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DropDownBox/SingleSelection/React/index.html b/apps/demos/Demos/DropDownBox/SingleSelection/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/DropDownBox/SingleSelection/React/index.html
+++ b/apps/demos/Demos/DropDownBox/SingleSelection/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DropDownBox/SingleSelection/Vue/index.html b/apps/demos/Demos/DropDownBox/SingleSelection/Vue/index.html
index f801653ebfc5..7369a149272c 100644
--- a/apps/demos/Demos/DropDownBox/SingleSelection/Vue/index.html
+++ b/apps/demos/Demos/DropDownBox/SingleSelection/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DropDownButton/Overview/Angular/index.html b/apps/demos/Demos/DropDownButton/Overview/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/DropDownButton/Overview/Angular/index.html
+++ b/apps/demos/Demos/DropDownButton/Overview/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DropDownButton/Overview/React/index.html b/apps/demos/Demos/DropDownButton/Overview/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/DropDownButton/Overview/React/index.html
+++ b/apps/demos/Demos/DropDownButton/Overview/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DropDownButton/Overview/Vue/index.html b/apps/demos/Demos/DropDownButton/Overview/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/DropDownButton/Overview/Vue/index.html
+++ b/apps/demos/Demos/DropDownButton/Overview/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/FieldSet/Overview/Angular/index.html b/apps/demos/Demos/FieldSet/Overview/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/FieldSet/Overview/Angular/index.html
+++ b/apps/demos/Demos/FieldSet/Overview/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/FieldSet/Overview/React/index.html b/apps/demos/Demos/FieldSet/Overview/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/FieldSet/Overview/React/index.html
+++ b/apps/demos/Demos/FieldSet/Overview/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/FieldSet/Overview/Vue/index.html b/apps/demos/Demos/FieldSet/Overview/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/FieldSet/Overview/Vue/index.html
+++ b/apps/demos/Demos/FieldSet/Overview/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/FileManager/BindingToEF/Angular/index.html b/apps/demos/Demos/FileManager/BindingToEF/Angular/index.html
index 62f621048d2b..7dd155b53981 100644
--- a/apps/demos/Demos/FileManager/BindingToEF/Angular/index.html
+++ b/apps/demos/Demos/FileManager/BindingToEF/Angular/index.html
@@ -1,27 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/FileManager/BindingToEF/React/index.html b/apps/demos/Demos/FileManager/BindingToEF/React/index.html
index f75e3f245b1d..1da2da79d709 100644
--- a/apps/demos/Demos/FileManager/BindingToEF/React/index.html
+++ b/apps/demos/Demos/FileManager/BindingToEF/React/index.html
@@ -6,19 +6,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.min.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/FileManager/BindingToEF/Vue/index.html b/apps/demos/Demos/FileManager/BindingToEF/Vue/index.html
index 9ac319417ff9..fb771a33adc4 100644
--- a/apps/demos/Demos/FileManager/BindingToEF/Vue/index.html
+++ b/apps/demos/Demos/FileManager/BindingToEF/Vue/index.html
@@ -6,23 +6,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/FileManager/BindingToFileSystem/Angular/index.html b/apps/demos/Demos/FileManager/BindingToFileSystem/Angular/index.html
index 62f621048d2b..7dd155b53981 100644
--- a/apps/demos/Demos/FileManager/BindingToFileSystem/Angular/index.html
+++ b/apps/demos/Demos/FileManager/BindingToFileSystem/Angular/index.html
@@ -1,27 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/FileManager/BindingToFileSystem/React/index.html b/apps/demos/Demos/FileManager/BindingToFileSystem/React/index.html
index f75e3f245b1d..1da2da79d709 100644
--- a/apps/demos/Demos/FileManager/BindingToFileSystem/React/index.html
+++ b/apps/demos/Demos/FileManager/BindingToFileSystem/React/index.html
@@ -6,19 +6,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.min.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/FileManager/BindingToFileSystem/Vue/index.html b/apps/demos/Demos/FileManager/BindingToFileSystem/Vue/index.html
index 9ac319417ff9..fb771a33adc4 100644
--- a/apps/demos/Demos/FileManager/BindingToFileSystem/Vue/index.html
+++ b/apps/demos/Demos/FileManager/BindingToFileSystem/Vue/index.html
@@ -6,23 +6,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/FileManager/BindingToHierarchicalStructure/Angular/index.html b/apps/demos/Demos/FileManager/BindingToHierarchicalStructure/Angular/index.html
index 62f621048d2b..7dd155b53981 100644
--- a/apps/demos/Demos/FileManager/BindingToHierarchicalStructure/Angular/index.html
+++ b/apps/demos/Demos/FileManager/BindingToHierarchicalStructure/Angular/index.html
@@ -1,27 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/FileManager/BindingToHierarchicalStructure/React/index.html b/apps/demos/Demos/FileManager/BindingToHierarchicalStructure/React/index.html
index f75e3f245b1d..1da2da79d709 100644
--- a/apps/demos/Demos/FileManager/BindingToHierarchicalStructure/React/index.html
+++ b/apps/demos/Demos/FileManager/BindingToHierarchicalStructure/React/index.html
@@ -6,19 +6,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.min.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/FileManager/BindingToHierarchicalStructure/Vue/index.html b/apps/demos/Demos/FileManager/BindingToHierarchicalStructure/Vue/index.html
index 9ac319417ff9..fb771a33adc4 100644
--- a/apps/demos/Demos/FileManager/BindingToHierarchicalStructure/Vue/index.html
+++ b/apps/demos/Demos/FileManager/BindingToHierarchicalStructure/Vue/index.html
@@ -6,23 +6,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/FileManager/CustomThumbnails/Angular/index.html b/apps/demos/Demos/FileManager/CustomThumbnails/Angular/index.html
index 62f621048d2b..7dd155b53981 100644
--- a/apps/demos/Demos/FileManager/CustomThumbnails/Angular/index.html
+++ b/apps/demos/Demos/FileManager/CustomThumbnails/Angular/index.html
@@ -1,27 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/FileManager/CustomThumbnails/React/index.html b/apps/demos/Demos/FileManager/CustomThumbnails/React/index.html
index f75e3f245b1d..1da2da79d709 100644
--- a/apps/demos/Demos/FileManager/CustomThumbnails/React/index.html
+++ b/apps/demos/Demos/FileManager/CustomThumbnails/React/index.html
@@ -6,19 +6,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.min.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/FileManager/CustomThumbnails/Vue/index.html b/apps/demos/Demos/FileManager/CustomThumbnails/Vue/index.html
index 9ac319417ff9..fb771a33adc4 100644
--- a/apps/demos/Demos/FileManager/CustomThumbnails/Vue/index.html
+++ b/apps/demos/Demos/FileManager/CustomThumbnails/Vue/index.html
@@ -6,23 +6,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/FileManager/Overview/Angular/index.html b/apps/demos/Demos/FileManager/Overview/Angular/index.html
index 62f621048d2b..7dd155b53981 100644
--- a/apps/demos/Demos/FileManager/Overview/Angular/index.html
+++ b/apps/demos/Demos/FileManager/Overview/Angular/index.html
@@ -1,27 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/FileManager/Overview/React/index.html b/apps/demos/Demos/FileManager/Overview/React/index.html
index af63cc747296..7b47950bbaff 100644
--- a/apps/demos/Demos/FileManager/Overview/React/index.html
+++ b/apps/demos/Demos/FileManager/Overview/React/index.html
@@ -6,20 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.min.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/FileManager/Overview/Vue/index.html b/apps/demos/Demos/FileManager/Overview/Vue/index.html
index 9ac319417ff9..7369a149272c 100644
--- a/apps/demos/Demos/FileManager/Overview/Vue/index.html
+++ b/apps/demos/Demos/FileManager/Overview/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/FileManager/UICustomization/Angular/index.html b/apps/demos/Demos/FileManager/UICustomization/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/FileManager/UICustomization/Angular/index.html
+++ b/apps/demos/Demos/FileManager/UICustomization/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/FileManager/UICustomization/React/index.html b/apps/demos/Demos/FileManager/UICustomization/React/index.html
index cfb9b3aa6769..1da2da79d709 100644
--- a/apps/demos/Demos/FileManager/UICustomization/React/index.html
+++ b/apps/demos/Demos/FileManager/UICustomization/React/index.html
@@ -6,18 +6,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/FileManager/UICustomization/Vue/index.html b/apps/demos/Demos/FileManager/UICustomization/Vue/index.html
index 99d70e0cafb0..0c119f140cf8 100644
--- a/apps/demos/Demos/FileManager/UICustomization/Vue/index.html
+++ b/apps/demos/Demos/FileManager/UICustomization/Vue/index.html
@@ -6,24 +6,13 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app">
         <span v-if="false">Loading...</span>
       </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/FileUploader/ChunkUpload/Angular/index.html b/apps/demos/Demos/FileUploader/ChunkUpload/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/FileUploader/ChunkUpload/Angular/index.html
+++ b/apps/demos/Demos/FileUploader/ChunkUpload/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/FileUploader/ChunkUpload/React/index.html b/apps/demos/Demos/FileUploader/ChunkUpload/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/FileUploader/ChunkUpload/React/index.html
+++ b/apps/demos/Demos/FileUploader/ChunkUpload/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/FileUploader/ChunkUpload/Vue/index.html b/apps/demos/Demos/FileUploader/ChunkUpload/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/FileUploader/ChunkUpload/Vue/index.html
+++ b/apps/demos/Demos/FileUploader/ChunkUpload/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/FileUploader/CustomDropzone/Angular/index.html b/apps/demos/Demos/FileUploader/CustomDropzone/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/FileUploader/CustomDropzone/Angular/index.html
+++ b/apps/demos/Demos/FileUploader/CustomDropzone/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/FileUploader/CustomDropzone/React/index.html b/apps/demos/Demos/FileUploader/CustomDropzone/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/FileUploader/CustomDropzone/React/index.html
+++ b/apps/demos/Demos/FileUploader/CustomDropzone/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/FileUploader/CustomDropzone/Vue/index.html b/apps/demos/Demos/FileUploader/CustomDropzone/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/FileUploader/CustomDropzone/Vue/index.html
+++ b/apps/demos/Demos/FileUploader/CustomDropzone/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/FileUploader/FileSelection/Angular/index.html b/apps/demos/Demos/FileUploader/FileSelection/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/FileUploader/FileSelection/Angular/index.html
+++ b/apps/demos/Demos/FileUploader/FileSelection/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/FileUploader/FileSelection/React/index.html b/apps/demos/Demos/FileUploader/FileSelection/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/FileUploader/FileSelection/React/index.html
+++ b/apps/demos/Demos/FileUploader/FileSelection/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/FileUploader/FileSelection/Vue/index.html b/apps/demos/Demos/FileUploader/FileSelection/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/FileUploader/FileSelection/Vue/index.html
+++ b/apps/demos/Demos/FileUploader/FileSelection/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/FileUploader/FileUploading/Angular/index.html b/apps/demos/Demos/FileUploader/FileUploading/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/FileUploader/FileUploading/Angular/index.html
+++ b/apps/demos/Demos/FileUploader/FileUploading/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/FileUploader/FileUploading/React/index.html b/apps/demos/Demos/FileUploader/FileUploading/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/FileUploader/FileUploading/React/index.html
+++ b/apps/demos/Demos/FileUploader/FileUploading/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/FileUploader/FileUploading/Vue/index.html b/apps/demos/Demos/FileUploader/FileUploading/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/FileUploader/FileUploading/Vue/index.html
+++ b/apps/demos/Demos/FileUploader/FileUploading/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/FileUploader/Validation/Angular/index.html b/apps/demos/Demos/FileUploader/Validation/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/FileUploader/Validation/Angular/index.html
+++ b/apps/demos/Demos/FileUploader/Validation/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/FileUploader/Validation/React/index.html b/apps/demos/Demos/FileUploader/Validation/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/FileUploader/Validation/React/index.html
+++ b/apps/demos/Demos/FileUploader/Validation/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/FileUploader/Validation/Vue/index.html b/apps/demos/Demos/FileUploader/Validation/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/FileUploader/Validation/Vue/index.html
+++ b/apps/demos/Demos/FileUploader/Validation/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/FilterBuilder/Customization/Angular/index.html b/apps/demos/Demos/FilterBuilder/Customization/Angular/index.html
index 51222cb55272..7dd155b53981 100644
--- a/apps/demos/Demos/FilterBuilder/Customization/Angular/index.html
+++ b/apps/demos/Demos/FilterBuilder/Customization/Angular/index.html
@@ -1,27 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/FilterBuilder/Customization/React/index.html b/apps/demos/Demos/FilterBuilder/Customization/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/FilterBuilder/Customization/React/index.html
+++ b/apps/demos/Demos/FilterBuilder/Customization/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/FilterBuilder/Customization/Vue/index.html b/apps/demos/Demos/FilterBuilder/Customization/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/FilterBuilder/Customization/Vue/index.html
+++ b/apps/demos/Demos/FilterBuilder/Customization/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/FilterBuilder/WithDataGrid/Angular/index.html b/apps/demos/Demos/FilterBuilder/WithDataGrid/Angular/index.html
index 51222cb55272..7dd155b53981 100644
--- a/apps/demos/Demos/FilterBuilder/WithDataGrid/Angular/index.html
+++ b/apps/demos/Demos/FilterBuilder/WithDataGrid/Angular/index.html
@@ -1,27 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/FilterBuilder/WithDataGrid/React/index.html b/apps/demos/Demos/FilterBuilder/WithDataGrid/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/FilterBuilder/WithDataGrid/React/index.html
+++ b/apps/demos/Demos/FilterBuilder/WithDataGrid/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/FilterBuilder/WithDataGrid/Vue/index.html b/apps/demos/Demos/FilterBuilder/WithDataGrid/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/FilterBuilder/WithDataGrid/Vue/index.html
+++ b/apps/demos/Demos/FilterBuilder/WithDataGrid/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/FilterBuilder/WithList/Angular/index.html b/apps/demos/Demos/FilterBuilder/WithList/Angular/index.html
index 51222cb55272..7dd155b53981 100644
--- a/apps/demos/Demos/FilterBuilder/WithList/Angular/index.html
+++ b/apps/demos/Demos/FilterBuilder/WithList/Angular/index.html
@@ -1,27 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/FilterBuilder/WithList/React/index.html b/apps/demos/Demos/FilterBuilder/WithList/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/FilterBuilder/WithList/React/index.html
+++ b/apps/demos/Demos/FilterBuilder/WithList/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/FilterBuilder/WithList/Vue/index.html b/apps/demos/Demos/FilterBuilder/WithList/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/FilterBuilder/WithList/Vue/index.html
+++ b/apps/demos/Demos/FilterBuilder/WithList/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/FloatingActionButton/Overview/Angular/index.html b/apps/demos/Demos/FloatingActionButton/Overview/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/FloatingActionButton/Overview/Angular/index.html
+++ b/apps/demos/Demos/FloatingActionButton/Overview/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/FloatingActionButton/Overview/React/index.html b/apps/demos/Demos/FloatingActionButton/Overview/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/FloatingActionButton/Overview/React/index.html
+++ b/apps/demos/Demos/FloatingActionButton/Overview/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/FloatingActionButton/Overview/Vue/index.html b/apps/demos/Demos/FloatingActionButton/Overview/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/FloatingActionButton/Overview/Vue/index.html
+++ b/apps/demos/Demos/FloatingActionButton/Overview/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Form/Adaptability/Angular/index.html b/apps/demos/Demos/Form/Adaptability/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Form/Adaptability/Angular/index.html
+++ b/apps/demos/Demos/Form/Adaptability/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Form/Adaptability/React/index.html b/apps/demos/Demos/Form/Adaptability/React/index.html
index 0a0215396830..7b47950bbaff 100644
--- a/apps/demos/Demos/Form/Adaptability/React/index.html
+++ b/apps/demos/Demos/Form/Adaptability/React/index.html
@@ -6,20 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Form/Adaptability/Vue/index.html b/apps/demos/Demos/Form/Adaptability/Vue/index.html
index 38174efd81d4..7369a149272c 100644
--- a/apps/demos/Demos/Form/Adaptability/Vue/index.html
+++ b/apps/demos/Demos/Form/Adaptability/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Form/Grouping/Angular/index.html b/apps/demos/Demos/Form/Grouping/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Form/Grouping/Angular/index.html
+++ b/apps/demos/Demos/Form/Grouping/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Form/Grouping/React/index.html b/apps/demos/Demos/Form/Grouping/React/index.html
index 0a0215396830..7b47950bbaff 100644
--- a/apps/demos/Demos/Form/Grouping/React/index.html
+++ b/apps/demos/Demos/Form/Grouping/React/index.html
@@ -6,20 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Form/Grouping/Vue/index.html b/apps/demos/Demos/Form/Grouping/Vue/index.html
index 38174efd81d4..7369a149272c 100644
--- a/apps/demos/Demos/Form/Grouping/Vue/index.html
+++ b/apps/demos/Demos/Form/Grouping/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Form/ItemCustomization/Angular/index.html b/apps/demos/Demos/Form/ItemCustomization/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Form/ItemCustomization/Angular/index.html
+++ b/apps/demos/Demos/Form/ItemCustomization/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Form/ItemCustomization/React/index.html b/apps/demos/Demos/Form/ItemCustomization/React/index.html
index 0a0215396830..7b47950bbaff 100644
--- a/apps/demos/Demos/Form/ItemCustomization/React/index.html
+++ b/apps/demos/Demos/Form/ItemCustomization/React/index.html
@@ -6,20 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Form/ItemCustomization/Vue/index.html b/apps/demos/Demos/Form/ItemCustomization/Vue/index.html
index 38174efd81d4..7369a149272c 100644
--- a/apps/demos/Demos/Form/ItemCustomization/Vue/index.html
+++ b/apps/demos/Demos/Form/ItemCustomization/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Form/Overview/Angular/index.html b/apps/demos/Demos/Form/Overview/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Form/Overview/Angular/index.html
+++ b/apps/demos/Demos/Form/Overview/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Form/Overview/React/index.html b/apps/demos/Demos/Form/Overview/React/index.html
index 0a0215396830..7b47950bbaff 100644
--- a/apps/demos/Demos/Form/Overview/React/index.html
+++ b/apps/demos/Demos/Form/Overview/React/index.html
@@ -6,20 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Form/Overview/Vue/index.html b/apps/demos/Demos/Form/Overview/Vue/index.html
index 38174efd81d4..7369a149272c 100644
--- a/apps/demos/Demos/Form/Overview/Vue/index.html
+++ b/apps/demos/Demos/Form/Overview/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Form/SmartPaste/Angular/index.html b/apps/demos/Demos/Form/SmartPaste/Angular/index.html
index d6cce972f42b..7dd155b53981 100644
--- a/apps/demos/Demos/Form/SmartPaste/Angular/index.html
+++ b/apps/demos/Demos/Form/SmartPaste/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme/dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Form/SmartPaste/React/index.html b/apps/demos/Demos/Form/SmartPaste/React/index.html
index ad32c59b4d18..7b47950bbaff 100644
--- a/apps/demos/Demos/Form/SmartPaste/React/index.html
+++ b/apps/demos/Demos/Form/SmartPaste/React/index.html
@@ -5,21 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme/dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Form/SmartPaste/Vue/index.html b/apps/demos/Demos/Form/SmartPaste/Vue/index.html
index 38174efd81d4..7369a149272c 100644
--- a/apps/demos/Demos/Form/SmartPaste/Vue/index.html
+++ b/apps/demos/Demos/Form/SmartPaste/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Form/UpdateItemsDynamically/Angular/index.html b/apps/demos/Demos/Form/UpdateItemsDynamically/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Form/UpdateItemsDynamically/Angular/index.html
+++ b/apps/demos/Demos/Form/UpdateItemsDynamically/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Form/UpdateItemsDynamically/React/index.html b/apps/demos/Demos/Form/UpdateItemsDynamically/React/index.html
index 0a0215396830..7b47950bbaff 100644
--- a/apps/demos/Demos/Form/UpdateItemsDynamically/React/index.html
+++ b/apps/demos/Demos/Form/UpdateItemsDynamically/React/index.html
@@ -6,20 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Form/UpdateItemsDynamically/Vue/index.html b/apps/demos/Demos/Form/UpdateItemsDynamically/Vue/index.html
index 38174efd81d4..7369a149272c 100644
--- a/apps/demos/Demos/Form/UpdateItemsDynamically/Vue/index.html
+++ b/apps/demos/Demos/Form/UpdateItemsDynamically/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Form/Validation/Angular/index.html b/apps/demos/Demos/Form/Validation/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Form/Validation/Angular/index.html
+++ b/apps/demos/Demos/Form/Validation/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Form/Validation/React/index.html b/apps/demos/Demos/Form/Validation/React/index.html
index 0a0215396830..7b47950bbaff 100644
--- a/apps/demos/Demos/Form/Validation/React/index.html
+++ b/apps/demos/Demos/Form/Validation/React/index.html
@@ -6,20 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Form/Validation/Vue/index.html b/apps/demos/Demos/Form/Validation/Vue/index.html
index 38174efd81d4..7369a149272c 100644
--- a/apps/demos/Demos/Form/Validation/Vue/index.html
+++ b/apps/demos/Demos/Form/Validation/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gallery/ItemTemplate/Angular/index.html b/apps/demos/Demos/Gallery/ItemTemplate/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Gallery/ItemTemplate/Angular/index.html
+++ b/apps/demos/Demos/Gallery/ItemTemplate/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gallery/ItemTemplate/React/index.html b/apps/demos/Demos/Gallery/ItemTemplate/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Gallery/ItemTemplate/React/index.html
+++ b/apps/demos/Demos/Gallery/ItemTemplate/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gallery/ItemTemplate/Vue/index.html b/apps/demos/Demos/Gallery/ItemTemplate/Vue/index.html
index 53778bd14ad3..7369a149272c 100644
--- a/apps/demos/Demos/Gallery/ItemTemplate/Vue/index.html
+++ b/apps/demos/Demos/Gallery/ItemTemplate/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gallery/Overview/Angular/index.html b/apps/demos/Demos/Gallery/Overview/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Gallery/Overview/Angular/index.html
+++ b/apps/demos/Demos/Gallery/Overview/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gallery/Overview/React/index.html b/apps/demos/Demos/Gallery/Overview/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Gallery/Overview/React/index.html
+++ b/apps/demos/Demos/Gallery/Overview/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gallery/Overview/Vue/index.html b/apps/demos/Demos/Gallery/Overview/Vue/index.html
index 53778bd14ad3..7369a149272c 100644
--- a/apps/demos/Demos/Gallery/Overview/Vue/index.html
+++ b/apps/demos/Demos/Gallery/Overview/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gantt/Appearance/Angular/index.html b/apps/demos/Demos/Gantt/Appearance/Angular/index.html
index 62f621048d2b..7dd155b53981 100644
--- a/apps/demos/Demos/Gantt/Appearance/Angular/index.html
+++ b/apps/demos/Demos/Gantt/Appearance/Angular/index.html
@@ -1,27 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gantt/Appearance/React/index.html b/apps/demos/Demos/Gantt/Appearance/React/index.html
index af63cc747296..7b47950bbaff 100644
--- a/apps/demos/Demos/Gantt/Appearance/React/index.html
+++ b/apps/demos/Demos/Gantt/Appearance/React/index.html
@@ -6,20 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.min.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gantt/Appearance/Vue/index.html b/apps/demos/Demos/Gantt/Appearance/Vue/index.html
index 9ac319417ff9..7369a149272c 100644
--- a/apps/demos/Demos/Gantt/Appearance/Vue/index.html
+++ b/apps/demos/Demos/Gantt/Appearance/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gantt/ContextMenu/Angular/index.html b/apps/demos/Demos/Gantt/ContextMenu/Angular/index.html
index 62f621048d2b..7dd155b53981 100644
--- a/apps/demos/Demos/Gantt/ContextMenu/Angular/index.html
+++ b/apps/demos/Demos/Gantt/ContextMenu/Angular/index.html
@@ -1,27 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gantt/ContextMenu/React/index.html b/apps/demos/Demos/Gantt/ContextMenu/React/index.html
index af63cc747296..7b47950bbaff 100644
--- a/apps/demos/Demos/Gantt/ContextMenu/React/index.html
+++ b/apps/demos/Demos/Gantt/ContextMenu/React/index.html
@@ -6,20 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.min.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gantt/ContextMenu/Vue/index.html b/apps/demos/Demos/Gantt/ContextMenu/Vue/index.html
index 9ac319417ff9..7369a149272c 100644
--- a/apps/demos/Demos/Gantt/ContextMenu/Vue/index.html
+++ b/apps/demos/Demos/Gantt/ContextMenu/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gantt/DataBinding/Angular/index.html b/apps/demos/Demos/Gantt/DataBinding/Angular/index.html
index 62f621048d2b..7dd155b53981 100644
--- a/apps/demos/Demos/Gantt/DataBinding/Angular/index.html
+++ b/apps/demos/Demos/Gantt/DataBinding/Angular/index.html
@@ -1,27 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gantt/DataBinding/React/index.html b/apps/demos/Demos/Gantt/DataBinding/React/index.html
index af63cc747296..7b47950bbaff 100644
--- a/apps/demos/Demos/Gantt/DataBinding/React/index.html
+++ b/apps/demos/Demos/Gantt/DataBinding/React/index.html
@@ -6,20 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.min.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gantt/DataBinding/Vue/index.html b/apps/demos/Demos/Gantt/DataBinding/Vue/index.html
index 9ac319417ff9..7369a149272c 100644
--- a/apps/demos/Demos/Gantt/DataBinding/Vue/index.html
+++ b/apps/demos/Demos/Gantt/DataBinding/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gantt/ExportToPDF/Angular/index.html b/apps/demos/Demos/Gantt/ExportToPDF/Angular/index.html
index 62f621048d2b..7dd155b53981 100644
--- a/apps/demos/Demos/Gantt/ExportToPDF/Angular/index.html
+++ b/apps/demos/Demos/Gantt/ExportToPDF/Angular/index.html
@@ -1,27 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gantt/ExportToPDF/React/index.html b/apps/demos/Demos/Gantt/ExportToPDF/React/index.html
index af63cc747296..7b47950bbaff 100644
--- a/apps/demos/Demos/Gantt/ExportToPDF/React/index.html
+++ b/apps/demos/Demos/Gantt/ExportToPDF/React/index.html
@@ -6,20 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.min.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gantt/ExportToPDF/Vue/index.html b/apps/demos/Demos/Gantt/ExportToPDF/Vue/index.html
index 9ac319417ff9..7369a149272c 100644
--- a/apps/demos/Demos/Gantt/ExportToPDF/Vue/index.html
+++ b/apps/demos/Demos/Gantt/ExportToPDF/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gantt/FilterRow/Angular/index.html b/apps/demos/Demos/Gantt/FilterRow/Angular/index.html
index 62f621048d2b..7dd155b53981 100644
--- a/apps/demos/Demos/Gantt/FilterRow/Angular/index.html
+++ b/apps/demos/Demos/Gantt/FilterRow/Angular/index.html
@@ -1,27 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gantt/FilterRow/React/index.html b/apps/demos/Demos/Gantt/FilterRow/React/index.html
index af63cc747296..7b47950bbaff 100644
--- a/apps/demos/Demos/Gantt/FilterRow/React/index.html
+++ b/apps/demos/Demos/Gantt/FilterRow/React/index.html
@@ -6,20 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.min.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gantt/FilterRow/Vue/index.html b/apps/demos/Demos/Gantt/FilterRow/Vue/index.html
index 9ac319417ff9..fb771a33adc4 100644
--- a/apps/demos/Demos/Gantt/FilterRow/Vue/index.html
+++ b/apps/demos/Demos/Gantt/FilterRow/Vue/index.html
@@ -6,23 +6,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gantt/HeaderFilter/Angular/index.html b/apps/demos/Demos/Gantt/HeaderFilter/Angular/index.html
index 62f621048d2b..7dd155b53981 100644
--- a/apps/demos/Demos/Gantt/HeaderFilter/Angular/index.html
+++ b/apps/demos/Demos/Gantt/HeaderFilter/Angular/index.html
@@ -1,27 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gantt/HeaderFilter/React/index.html b/apps/demos/Demos/Gantt/HeaderFilter/React/index.html
index af63cc747296..7b47950bbaff 100644
--- a/apps/demos/Demos/Gantt/HeaderFilter/React/index.html
+++ b/apps/demos/Demos/Gantt/HeaderFilter/React/index.html
@@ -6,20 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.min.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gantt/HeaderFilter/Vue/index.html b/apps/demos/Demos/Gantt/HeaderFilter/Vue/index.html
index 9ac319417ff9..fb771a33adc4 100644
--- a/apps/demos/Demos/Gantt/HeaderFilter/Vue/index.html
+++ b/apps/demos/Demos/Gantt/HeaderFilter/Vue/index.html
@@ -6,23 +6,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gantt/Overview/Angular/index.html b/apps/demos/Demos/Gantt/Overview/Angular/index.html
index 62f621048d2b..7dd155b53981 100644
--- a/apps/demos/Demos/Gantt/Overview/Angular/index.html
+++ b/apps/demos/Demos/Gantt/Overview/Angular/index.html
@@ -1,27 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gantt/Overview/React/index.html b/apps/demos/Demos/Gantt/Overview/React/index.html
index af63cc747296..7b47950bbaff 100644
--- a/apps/demos/Demos/Gantt/Overview/React/index.html
+++ b/apps/demos/Demos/Gantt/Overview/React/index.html
@@ -6,20 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.min.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gantt/Overview/Vue/index.html b/apps/demos/Demos/Gantt/Overview/Vue/index.html
index 9ac319417ff9..7369a149272c 100644
--- a/apps/demos/Demos/Gantt/Overview/Vue/index.html
+++ b/apps/demos/Demos/Gantt/Overview/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gantt/Sorting/Angular/index.html b/apps/demos/Demos/Gantt/Sorting/Angular/index.html
index 62f621048d2b..7dd155b53981 100644
--- a/apps/demos/Demos/Gantt/Sorting/Angular/index.html
+++ b/apps/demos/Demos/Gantt/Sorting/Angular/index.html
@@ -1,27 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gantt/Sorting/React/index.html b/apps/demos/Demos/Gantt/Sorting/React/index.html
index af63cc747296..7b47950bbaff 100644
--- a/apps/demos/Demos/Gantt/Sorting/React/index.html
+++ b/apps/demos/Demos/Gantt/Sorting/React/index.html
@@ -6,20 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.min.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gantt/Sorting/Vue/index.html b/apps/demos/Demos/Gantt/Sorting/Vue/index.html
index 9ac319417ff9..7369a149272c 100644
--- a/apps/demos/Demos/Gantt/Sorting/Vue/index.html
+++ b/apps/demos/Demos/Gantt/Sorting/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gantt/StripLines/Angular/index.html b/apps/demos/Demos/Gantt/StripLines/Angular/index.html
index 62f621048d2b..7dd155b53981 100644
--- a/apps/demos/Demos/Gantt/StripLines/Angular/index.html
+++ b/apps/demos/Demos/Gantt/StripLines/Angular/index.html
@@ -1,27 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gantt/StripLines/React/index.html b/apps/demos/Demos/Gantt/StripLines/React/index.html
index af63cc747296..7b47950bbaff 100644
--- a/apps/demos/Demos/Gantt/StripLines/React/index.html
+++ b/apps/demos/Demos/Gantt/StripLines/React/index.html
@@ -6,20 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.min.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gantt/StripLines/Vue/index.html b/apps/demos/Demos/Gantt/StripLines/Vue/index.html
index 9ac319417ff9..7369a149272c 100644
--- a/apps/demos/Demos/Gantt/StripLines/Vue/index.html
+++ b/apps/demos/Demos/Gantt/StripLines/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gantt/TaskTemplate/Angular/index.html b/apps/demos/Demos/Gantt/TaskTemplate/Angular/index.html
index 62f621048d2b..7dd155b53981 100644
--- a/apps/demos/Demos/Gantt/TaskTemplate/Angular/index.html
+++ b/apps/demos/Demos/Gantt/TaskTemplate/Angular/index.html
@@ -1,27 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gantt/TaskTemplate/React/index.html b/apps/demos/Demos/Gantt/TaskTemplate/React/index.html
index af63cc747296..7b47950bbaff 100644
--- a/apps/demos/Demos/Gantt/TaskTemplate/React/index.html
+++ b/apps/demos/Demos/Gantt/TaskTemplate/React/index.html
@@ -6,20 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.min.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gantt/TaskTemplate/Vue/index.html b/apps/demos/Demos/Gantt/TaskTemplate/Vue/index.html
index 9ac319417ff9..7369a149272c 100644
--- a/apps/demos/Demos/Gantt/TaskTemplate/Vue/index.html
+++ b/apps/demos/Demos/Gantt/TaskTemplate/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gantt/Toolbar/Angular/index.html b/apps/demos/Demos/Gantt/Toolbar/Angular/index.html
index 62f621048d2b..7dd155b53981 100644
--- a/apps/demos/Demos/Gantt/Toolbar/Angular/index.html
+++ b/apps/demos/Demos/Gantt/Toolbar/Angular/index.html
@@ -1,27 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gantt/Toolbar/React/index.html b/apps/demos/Demos/Gantt/Toolbar/React/index.html
index af63cc747296..7b47950bbaff 100644
--- a/apps/demos/Demos/Gantt/Toolbar/React/index.html
+++ b/apps/demos/Demos/Gantt/Toolbar/React/index.html
@@ -6,20 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.min.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gantt/Toolbar/Vue/index.html b/apps/demos/Demos/Gantt/Toolbar/Vue/index.html
index 9ac319417ff9..7369a149272c 100644
--- a/apps/demos/Demos/Gantt/Toolbar/Vue/index.html
+++ b/apps/demos/Demos/Gantt/Toolbar/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gantt/Validation/Angular/index.html b/apps/demos/Demos/Gantt/Validation/Angular/index.html
index 62f621048d2b..7dd155b53981 100644
--- a/apps/demos/Demos/Gantt/Validation/Angular/index.html
+++ b/apps/demos/Demos/Gantt/Validation/Angular/index.html
@@ -1,27 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gantt/Validation/React/index.html b/apps/demos/Demos/Gantt/Validation/React/index.html
index af63cc747296..7b47950bbaff 100644
--- a/apps/demos/Demos/Gantt/Validation/React/index.html
+++ b/apps/demos/Demos/Gantt/Validation/React/index.html
@@ -6,20 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.min.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gantt/Validation/Vue/index.html b/apps/demos/Demos/Gantt/Validation/Vue/index.html
index 9ac319417ff9..7369a149272c 100644
--- a/apps/demos/Demos/Gantt/Validation/Vue/index.html
+++ b/apps/demos/Demos/Gantt/Validation/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/AnglesCustomization/Angular/index.html b/apps/demos/Demos/Gauges/AnglesCustomization/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Gauges/AnglesCustomization/Angular/index.html
+++ b/apps/demos/Demos/Gauges/AnglesCustomization/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/AnglesCustomization/React/index.html b/apps/demos/Demos/Gauges/AnglesCustomization/React/index.html
index 798562b68bc3..7b47950bbaff 100644
--- a/apps/demos/Demos/Gauges/AnglesCustomization/React/index.html
+++ b/apps/demos/Demos/Gauges/AnglesCustomization/React/index.html
@@ -5,20 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="dx-theme" data-theme="generic.light" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/AnglesCustomization/Vue/index.html b/apps/demos/Demos/Gauges/AnglesCustomization/Vue/index.html
index ac930aaf0aed..7369a149272c 100644
--- a/apps/demos/Demos/Gauges/AnglesCustomization/Vue/index.html
+++ b/apps/demos/Demos/Gauges/AnglesCustomization/Vue/index.html
@@ -5,23 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="dx-theme" data-theme="generic.light" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/BarGauge/Angular/index.html b/apps/demos/Demos/Gauges/BarGauge/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Gauges/BarGauge/Angular/index.html
+++ b/apps/demos/Demos/Gauges/BarGauge/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/BarGauge/React/index.html b/apps/demos/Demos/Gauges/BarGauge/React/index.html
index 798562b68bc3..7b47950bbaff 100644
--- a/apps/demos/Demos/Gauges/BarGauge/React/index.html
+++ b/apps/demos/Demos/Gauges/BarGauge/React/index.html
@@ -5,20 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="dx-theme" data-theme="generic.light" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/BarGauge/Vue/index.html b/apps/demos/Demos/Gauges/BarGauge/Vue/index.html
index ac930aaf0aed..7369a149272c 100644
--- a/apps/demos/Demos/Gauges/BarGauge/Vue/index.html
+++ b/apps/demos/Demos/Gauges/BarGauge/Vue/index.html
@@ -5,23 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="dx-theme" data-theme="generic.light" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/CircularGauge/Angular/index.html b/apps/demos/Demos/Gauges/CircularGauge/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Gauges/CircularGauge/Angular/index.html
+++ b/apps/demos/Demos/Gauges/CircularGauge/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/CircularGauge/React/index.html b/apps/demos/Demos/Gauges/CircularGauge/React/index.html
index 798562b68bc3..7b47950bbaff 100644
--- a/apps/demos/Demos/Gauges/CircularGauge/React/index.html
+++ b/apps/demos/Demos/Gauges/CircularGauge/React/index.html
@@ -5,20 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="dx-theme" data-theme="generic.light" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/CircularGauge/Vue/index.html b/apps/demos/Demos/Gauges/CircularGauge/Vue/index.html
index ac930aaf0aed..7369a149272c 100644
--- a/apps/demos/Demos/Gauges/CircularGauge/Vue/index.html
+++ b/apps/demos/Demos/Gauges/CircularGauge/Vue/index.html
@@ -5,23 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="dx-theme" data-theme="generic.light" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/CustomLayout/Angular/index.html b/apps/demos/Demos/Gauges/CustomLayout/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Gauges/CustomLayout/Angular/index.html
+++ b/apps/demos/Demos/Gauges/CustomLayout/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/CustomLayout/React/index.html b/apps/demos/Demos/Gauges/CustomLayout/React/index.html
index 798562b68bc3..7b47950bbaff 100644
--- a/apps/demos/Demos/Gauges/CustomLayout/React/index.html
+++ b/apps/demos/Demos/Gauges/CustomLayout/React/index.html
@@ -5,20 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="dx-theme" data-theme="generic.light" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/CustomLayout/Vue/index.html b/apps/demos/Demos/Gauges/CustomLayout/Vue/index.html
index ac930aaf0aed..7369a149272c 100644
--- a/apps/demos/Demos/Gauges/CustomLayout/Vue/index.html
+++ b/apps/demos/Demos/Gauges/CustomLayout/Vue/index.html
@@ -5,23 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="dx-theme" data-theme="generic.light" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/CustomLayoutLinearGauge/Angular/index.html b/apps/demos/Demos/Gauges/CustomLayoutLinearGauge/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Gauges/CustomLayoutLinearGauge/Angular/index.html
+++ b/apps/demos/Demos/Gauges/CustomLayoutLinearGauge/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/CustomLayoutLinearGauge/React/index.html b/apps/demos/Demos/Gauges/CustomLayoutLinearGauge/React/index.html
index 798562b68bc3..7b47950bbaff 100644
--- a/apps/demos/Demos/Gauges/CustomLayoutLinearGauge/React/index.html
+++ b/apps/demos/Demos/Gauges/CustomLayoutLinearGauge/React/index.html
@@ -5,20 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="dx-theme" data-theme="generic.light" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/CustomLayoutLinearGauge/Vue/index.html b/apps/demos/Demos/Gauges/CustomLayoutLinearGauge/Vue/index.html
index ac930aaf0aed..7369a149272c 100644
--- a/apps/demos/Demos/Gauges/CustomLayoutLinearGauge/Vue/index.html
+++ b/apps/demos/Demos/Gauges/CustomLayoutLinearGauge/Vue/index.html
@@ -5,23 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="dx-theme" data-theme="generic.light" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/DifferentSubvalueIndicatorTypes/Angular/index.html b/apps/demos/Demos/Gauges/DifferentSubvalueIndicatorTypes/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Gauges/DifferentSubvalueIndicatorTypes/Angular/index.html
+++ b/apps/demos/Demos/Gauges/DifferentSubvalueIndicatorTypes/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/DifferentSubvalueIndicatorTypes/React/index.html b/apps/demos/Demos/Gauges/DifferentSubvalueIndicatorTypes/React/index.html
index 410c68336cd3..34183a0d5203 100644
--- a/apps/demos/Demos/Gauges/DifferentSubvalueIndicatorTypes/React/index.html
+++ b/apps/demos/Demos/Gauges/DifferentSubvalueIndicatorTypes/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app" data-r-app></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/DifferentSubvalueIndicatorTypes/Vue/index.html b/apps/demos/Demos/Gauges/DifferentSubvalueIndicatorTypes/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Gauges/DifferentSubvalueIndicatorTypes/Vue/index.html
+++ b/apps/demos/Demos/Gauges/DifferentSubvalueIndicatorTypes/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/DifferentSubvalueIndicatorTypesLinearGauge/Angular/index.html b/apps/demos/Demos/Gauges/DifferentSubvalueIndicatorTypesLinearGauge/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Gauges/DifferentSubvalueIndicatorTypesLinearGauge/Angular/index.html
+++ b/apps/demos/Demos/Gauges/DifferentSubvalueIndicatorTypesLinearGauge/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/DifferentSubvalueIndicatorTypesLinearGauge/React/index.html b/apps/demos/Demos/Gauges/DifferentSubvalueIndicatorTypesLinearGauge/React/index.html
index 798562b68bc3..7b47950bbaff 100644
--- a/apps/demos/Demos/Gauges/DifferentSubvalueIndicatorTypesLinearGauge/React/index.html
+++ b/apps/demos/Demos/Gauges/DifferentSubvalueIndicatorTypesLinearGauge/React/index.html
@@ -5,20 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="dx-theme" data-theme="generic.light" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/DifferentSubvalueIndicatorTypesLinearGauge/Vue/index.html b/apps/demos/Demos/Gauges/DifferentSubvalueIndicatorTypesLinearGauge/Vue/index.html
index ac930aaf0aed..7369a149272c 100644
--- a/apps/demos/Demos/Gauges/DifferentSubvalueIndicatorTypesLinearGauge/Vue/index.html
+++ b/apps/demos/Demos/Gauges/DifferentSubvalueIndicatorTypesLinearGauge/Vue/index.html
@@ -5,23 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="dx-theme" data-theme="generic.light" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/DifferentValueIndicatorTypes/Angular/index.html b/apps/demos/Demos/Gauges/DifferentValueIndicatorTypes/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Gauges/DifferentValueIndicatorTypes/Angular/index.html
+++ b/apps/demos/Demos/Gauges/DifferentValueIndicatorTypes/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/DifferentValueIndicatorTypes/React/index.html b/apps/demos/Demos/Gauges/DifferentValueIndicatorTypes/React/index.html
index 798562b68bc3..7b47950bbaff 100644
--- a/apps/demos/Demos/Gauges/DifferentValueIndicatorTypes/React/index.html
+++ b/apps/demos/Demos/Gauges/DifferentValueIndicatorTypes/React/index.html
@@ -5,20 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="dx-theme" data-theme="generic.light" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/DifferentValueIndicatorTypes/Vue/index.html b/apps/demos/Demos/Gauges/DifferentValueIndicatorTypes/Vue/index.html
index ac930aaf0aed..7369a149272c 100644
--- a/apps/demos/Demos/Gauges/DifferentValueIndicatorTypes/Vue/index.html
+++ b/apps/demos/Demos/Gauges/DifferentValueIndicatorTypes/Vue/index.html
@@ -5,23 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="dx-theme" data-theme="generic.light" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/DifferentValueIndicatorTypesLinearGauge/Angular/index.html b/apps/demos/Demos/Gauges/DifferentValueIndicatorTypesLinearGauge/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Gauges/DifferentValueIndicatorTypesLinearGauge/Angular/index.html
+++ b/apps/demos/Demos/Gauges/DifferentValueIndicatorTypesLinearGauge/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/DifferentValueIndicatorTypesLinearGauge/React/index.html b/apps/demos/Demos/Gauges/DifferentValueIndicatorTypesLinearGauge/React/index.html
index 798562b68bc3..7b47950bbaff 100644
--- a/apps/demos/Demos/Gauges/DifferentValueIndicatorTypesLinearGauge/React/index.html
+++ b/apps/demos/Demos/Gauges/DifferentValueIndicatorTypesLinearGauge/React/index.html
@@ -5,20 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="dx-theme" data-theme="generic.light" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/DifferentValueIndicatorTypesLinearGauge/Vue/index.html b/apps/demos/Demos/Gauges/DifferentValueIndicatorTypesLinearGauge/Vue/index.html
index ac930aaf0aed..7369a149272c 100644
--- a/apps/demos/Demos/Gauges/DifferentValueIndicatorTypesLinearGauge/Vue/index.html
+++ b/apps/demos/Demos/Gauges/DifferentValueIndicatorTypesLinearGauge/Vue/index.html
@@ -5,23 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="dx-theme" data-theme="generic.light" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/GaugeTitleCustomized/Angular/index.html b/apps/demos/Demos/Gauges/GaugeTitleCustomized/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Gauges/GaugeTitleCustomized/Angular/index.html
+++ b/apps/demos/Demos/Gauges/GaugeTitleCustomized/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/GaugeTitleCustomized/React/index.html b/apps/demos/Demos/Gauges/GaugeTitleCustomized/React/index.html
index 798562b68bc3..7b47950bbaff 100644
--- a/apps/demos/Demos/Gauges/GaugeTitleCustomized/React/index.html
+++ b/apps/demos/Demos/Gauges/GaugeTitleCustomized/React/index.html
@@ -5,20 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="dx-theme" data-theme="generic.light" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/GaugeTitleCustomized/Vue/index.html b/apps/demos/Demos/Gauges/GaugeTitleCustomized/Vue/index.html
index ac930aaf0aed..7369a149272c 100644
--- a/apps/demos/Demos/Gauges/GaugeTitleCustomized/Vue/index.html
+++ b/apps/demos/Demos/Gauges/GaugeTitleCustomized/Vue/index.html
@@ -5,23 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="dx-theme" data-theme="generic.light" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/GaugeTooltip/Angular/index.html b/apps/demos/Demos/Gauges/GaugeTooltip/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Gauges/GaugeTooltip/Angular/index.html
+++ b/apps/demos/Demos/Gauges/GaugeTooltip/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/GaugeTooltip/React/index.html b/apps/demos/Demos/Gauges/GaugeTooltip/React/index.html
index 798562b68bc3..7b47950bbaff 100644
--- a/apps/demos/Demos/Gauges/GaugeTooltip/React/index.html
+++ b/apps/demos/Demos/Gauges/GaugeTooltip/React/index.html
@@ -5,20 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="dx-theme" data-theme="generic.light" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/GaugeTooltip/Vue/index.html b/apps/demos/Demos/Gauges/GaugeTooltip/Vue/index.html
index ac930aaf0aed..7369a149272c 100644
--- a/apps/demos/Demos/Gauges/GaugeTooltip/Vue/index.html
+++ b/apps/demos/Demos/Gauges/GaugeTooltip/Vue/index.html
@@ -5,23 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="dx-theme" data-theme="generic.light" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/LabelsCustomization/Angular/index.html b/apps/demos/Demos/Gauges/LabelsCustomization/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Gauges/LabelsCustomization/Angular/index.html
+++ b/apps/demos/Demos/Gauges/LabelsCustomization/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/LabelsCustomization/React/index.html b/apps/demos/Demos/Gauges/LabelsCustomization/React/index.html
index 798562b68bc3..7b47950bbaff 100644
--- a/apps/demos/Demos/Gauges/LabelsCustomization/React/index.html
+++ b/apps/demos/Demos/Gauges/LabelsCustomization/React/index.html
@@ -5,20 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="dx-theme" data-theme="generic.light" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/LabelsCustomization/Vue/index.html b/apps/demos/Demos/Gauges/LabelsCustomization/Vue/index.html
index ac930aaf0aed..7369a149272c 100644
--- a/apps/demos/Demos/Gauges/LabelsCustomization/Vue/index.html
+++ b/apps/demos/Demos/Gauges/LabelsCustomization/Vue/index.html
@@ -5,23 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="dx-theme" data-theme="generic.light" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/LinearGauge/Angular/index.html b/apps/demos/Demos/Gauges/LinearGauge/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Gauges/LinearGauge/Angular/index.html
+++ b/apps/demos/Demos/Gauges/LinearGauge/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/LinearGauge/React/index.html b/apps/demos/Demos/Gauges/LinearGauge/React/index.html
index 798562b68bc3..7b47950bbaff 100644
--- a/apps/demos/Demos/Gauges/LinearGauge/React/index.html
+++ b/apps/demos/Demos/Gauges/LinearGauge/React/index.html
@@ -5,20 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="dx-theme" data-theme="generic.light" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/LinearGauge/Vue/index.html b/apps/demos/Demos/Gauges/LinearGauge/Vue/index.html
index ac930aaf0aed..7369a149272c 100644
--- a/apps/demos/Demos/Gauges/LinearGauge/Vue/index.html
+++ b/apps/demos/Demos/Gauges/LinearGauge/Vue/index.html
@@ -5,23 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="dx-theme" data-theme="generic.light" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/Overview/Angular/index.html b/apps/demos/Demos/Gauges/Overview/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Gauges/Overview/Angular/index.html
+++ b/apps/demos/Demos/Gauges/Overview/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/Overview/React/index.html b/apps/demos/Demos/Gauges/Overview/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Gauges/Overview/React/index.html
+++ b/apps/demos/Demos/Gauges/Overview/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/Overview/Vue/index.html b/apps/demos/Demos/Gauges/Overview/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Gauges/Overview/Vue/index.html
+++ b/apps/demos/Demos/Gauges/Overview/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/Palette/Angular/index.html b/apps/demos/Demos/Gauges/Palette/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Gauges/Palette/Angular/index.html
+++ b/apps/demos/Demos/Gauges/Palette/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/Palette/React/index.html b/apps/demos/Demos/Gauges/Palette/React/index.html
index 798562b68bc3..7b47950bbaff 100644
--- a/apps/demos/Demos/Gauges/Palette/React/index.html
+++ b/apps/demos/Demos/Gauges/Palette/React/index.html
@@ -5,20 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="dx-theme" data-theme="generic.light" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/Palette/Vue/index.html b/apps/demos/Demos/Gauges/Palette/Vue/index.html
index ac930aaf0aed..7369a149272c 100644
--- a/apps/demos/Demos/Gauges/Palette/Vue/index.html
+++ b/apps/demos/Demos/Gauges/Palette/Vue/index.html
@@ -5,23 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="dx-theme" data-theme="generic.light" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/PaletteForRanges/Angular/index.html b/apps/demos/Demos/Gauges/PaletteForRanges/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Gauges/PaletteForRanges/Angular/index.html
+++ b/apps/demos/Demos/Gauges/PaletteForRanges/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/PaletteForRanges/React/index.html b/apps/demos/Demos/Gauges/PaletteForRanges/React/index.html
index 798562b68bc3..7b47950bbaff 100644
--- a/apps/demos/Demos/Gauges/PaletteForRanges/React/index.html
+++ b/apps/demos/Demos/Gauges/PaletteForRanges/React/index.html
@@ -5,20 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="dx-theme" data-theme="generic.light" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/PaletteForRanges/Vue/index.html b/apps/demos/Demos/Gauges/PaletteForRanges/Vue/index.html
index ac930aaf0aed..7369a149272c 100644
--- a/apps/demos/Demos/Gauges/PaletteForRanges/Vue/index.html
+++ b/apps/demos/Demos/Gauges/PaletteForRanges/Vue/index.html
@@ -5,23 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="dx-theme" data-theme="generic.light" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/RangeBarBaseValue/Angular/index.html b/apps/demos/Demos/Gauges/RangeBarBaseValue/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Gauges/RangeBarBaseValue/Angular/index.html
+++ b/apps/demos/Demos/Gauges/RangeBarBaseValue/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/RangeBarBaseValue/React/index.html b/apps/demos/Demos/Gauges/RangeBarBaseValue/React/index.html
index 798562b68bc3..7b47950bbaff 100644
--- a/apps/demos/Demos/Gauges/RangeBarBaseValue/React/index.html
+++ b/apps/demos/Demos/Gauges/RangeBarBaseValue/React/index.html
@@ -5,20 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="dx-theme" data-theme="generic.light" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/RangeBarBaseValue/Vue/index.html b/apps/demos/Demos/Gauges/RangeBarBaseValue/Vue/index.html
index ac930aaf0aed..7369a149272c 100644
--- a/apps/demos/Demos/Gauges/RangeBarBaseValue/Vue/index.html
+++ b/apps/demos/Demos/Gauges/RangeBarBaseValue/Vue/index.html
@@ -5,23 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="dx-theme" data-theme="generic.light" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/ScaleCustomTickInterval/Angular/index.html b/apps/demos/Demos/Gauges/ScaleCustomTickInterval/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Gauges/ScaleCustomTickInterval/Angular/index.html
+++ b/apps/demos/Demos/Gauges/ScaleCustomTickInterval/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/ScaleCustomTickInterval/React/index.html b/apps/demos/Demos/Gauges/ScaleCustomTickInterval/React/index.html
index 798562b68bc3..7b47950bbaff 100644
--- a/apps/demos/Demos/Gauges/ScaleCustomTickInterval/React/index.html
+++ b/apps/demos/Demos/Gauges/ScaleCustomTickInterval/React/index.html
@@ -5,20 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="dx-theme" data-theme="generic.light" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/ScaleCustomTickInterval/Vue/index.html b/apps/demos/Demos/Gauges/ScaleCustomTickInterval/Vue/index.html
index ac930aaf0aed..7369a149272c 100644
--- a/apps/demos/Demos/Gauges/ScaleCustomTickInterval/Vue/index.html
+++ b/apps/demos/Demos/Gauges/ScaleCustomTickInterval/Vue/index.html
@@ -5,23 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="dx-theme" data-theme="generic.light" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/ScaleCustomTickValues/Angular/index.html b/apps/demos/Demos/Gauges/ScaleCustomTickValues/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Gauges/ScaleCustomTickValues/Angular/index.html
+++ b/apps/demos/Demos/Gauges/ScaleCustomTickValues/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/ScaleCustomTickValues/React/index.html b/apps/demos/Demos/Gauges/ScaleCustomTickValues/React/index.html
index 798562b68bc3..7b47950bbaff 100644
--- a/apps/demos/Demos/Gauges/ScaleCustomTickValues/React/index.html
+++ b/apps/demos/Demos/Gauges/ScaleCustomTickValues/React/index.html
@@ -5,20 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="dx-theme" data-theme="generic.light" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/ScaleCustomTickValues/Vue/index.html b/apps/demos/Demos/Gauges/ScaleCustomTickValues/Vue/index.html
index ac930aaf0aed..7369a149272c 100644
--- a/apps/demos/Demos/Gauges/ScaleCustomTickValues/Vue/index.html
+++ b/apps/demos/Demos/Gauges/ScaleCustomTickValues/Vue/index.html
@@ -5,23 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="dx-theme" data-theme="generic.light" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/ScaleLabelFormatting/Angular/index.html b/apps/demos/Demos/Gauges/ScaleLabelFormatting/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Gauges/ScaleLabelFormatting/Angular/index.html
+++ b/apps/demos/Demos/Gauges/ScaleLabelFormatting/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/ScaleLabelFormatting/React/index.html b/apps/demos/Demos/Gauges/ScaleLabelFormatting/React/index.html
index 798562b68bc3..7b47950bbaff 100644
--- a/apps/demos/Demos/Gauges/ScaleLabelFormatting/React/index.html
+++ b/apps/demos/Demos/Gauges/ScaleLabelFormatting/React/index.html
@@ -5,20 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="dx-theme" data-theme="generic.light" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/ScaleLabelFormatting/Vue/index.html b/apps/demos/Demos/Gauges/ScaleLabelFormatting/Vue/index.html
index ac930aaf0aed..7369a149272c 100644
--- a/apps/demos/Demos/Gauges/ScaleLabelFormatting/Vue/index.html
+++ b/apps/demos/Demos/Gauges/ScaleLabelFormatting/Vue/index.html
@@ -5,23 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="dx-theme" data-theme="generic.light" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/ScaleMinorTicks/Angular/index.html b/apps/demos/Demos/Gauges/ScaleMinorTicks/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Gauges/ScaleMinorTicks/Angular/index.html
+++ b/apps/demos/Demos/Gauges/ScaleMinorTicks/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/ScaleMinorTicks/React/index.html b/apps/demos/Demos/Gauges/ScaleMinorTicks/React/index.html
index 798562b68bc3..7b47950bbaff 100644
--- a/apps/demos/Demos/Gauges/ScaleMinorTicks/React/index.html
+++ b/apps/demos/Demos/Gauges/ScaleMinorTicks/React/index.html
@@ -5,20 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="dx-theme" data-theme="generic.light" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/ScaleMinorTicks/Vue/index.html b/apps/demos/Demos/Gauges/ScaleMinorTicks/Vue/index.html
index ac930aaf0aed..7369a149272c 100644
--- a/apps/demos/Demos/Gauges/ScaleMinorTicks/Vue/index.html
+++ b/apps/demos/Demos/Gauges/ScaleMinorTicks/Vue/index.html
@@ -5,23 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="dx-theme" data-theme="generic.light" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/SubvalueIndicatorTextFormatting/Angular/index.html b/apps/demos/Demos/Gauges/SubvalueIndicatorTextFormatting/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Gauges/SubvalueIndicatorTextFormatting/Angular/index.html
+++ b/apps/demos/Demos/Gauges/SubvalueIndicatorTextFormatting/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/SubvalueIndicatorTextFormatting/React/index.html b/apps/demos/Demos/Gauges/SubvalueIndicatorTextFormatting/React/index.html
index 798562b68bc3..7b47950bbaff 100644
--- a/apps/demos/Demos/Gauges/SubvalueIndicatorTextFormatting/React/index.html
+++ b/apps/demos/Demos/Gauges/SubvalueIndicatorTextFormatting/React/index.html
@@ -5,20 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="dx-theme" data-theme="generic.light" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/SubvalueIndicatorTextFormatting/Vue/index.html b/apps/demos/Demos/Gauges/SubvalueIndicatorTextFormatting/Vue/index.html
index ac930aaf0aed..7369a149272c 100644
--- a/apps/demos/Demos/Gauges/SubvalueIndicatorTextFormatting/Vue/index.html
+++ b/apps/demos/Demos/Gauges/SubvalueIndicatorTextFormatting/Vue/index.html
@@ -5,23 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="dx-theme" data-theme="generic.light" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/SubvalueIndicatorsRuntimeCustomization/Angular/index.html b/apps/demos/Demos/Gauges/SubvalueIndicatorsRuntimeCustomization/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Gauges/SubvalueIndicatorsRuntimeCustomization/Angular/index.html
+++ b/apps/demos/Demos/Gauges/SubvalueIndicatorsRuntimeCustomization/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/SubvalueIndicatorsRuntimeCustomization/React/index.html b/apps/demos/Demos/Gauges/SubvalueIndicatorsRuntimeCustomization/React/index.html
index 798562b68bc3..7b47950bbaff 100644
--- a/apps/demos/Demos/Gauges/SubvalueIndicatorsRuntimeCustomization/React/index.html
+++ b/apps/demos/Demos/Gauges/SubvalueIndicatorsRuntimeCustomization/React/index.html
@@ -5,20 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="dx-theme" data-theme="generic.light" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/SubvalueIndicatorsRuntimeCustomization/Vue/index.html b/apps/demos/Demos/Gauges/SubvalueIndicatorsRuntimeCustomization/Vue/index.html
index ac930aaf0aed..7369a149272c 100644
--- a/apps/demos/Demos/Gauges/SubvalueIndicatorsRuntimeCustomization/Vue/index.html
+++ b/apps/demos/Demos/Gauges/SubvalueIndicatorsRuntimeCustomization/Vue/index.html
@@ -5,23 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="dx-theme" data-theme="generic.light" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/Tooltip/Angular/index.html b/apps/demos/Demos/Gauges/Tooltip/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Gauges/Tooltip/Angular/index.html
+++ b/apps/demos/Demos/Gauges/Tooltip/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/Tooltip/React/index.html b/apps/demos/Demos/Gauges/Tooltip/React/index.html
index 798562b68bc3..7b47950bbaff 100644
--- a/apps/demos/Demos/Gauges/Tooltip/React/index.html
+++ b/apps/demos/Demos/Gauges/Tooltip/React/index.html
@@ -5,20 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="dx-theme" data-theme="generic.light" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/Tooltip/Vue/index.html b/apps/demos/Demos/Gauges/Tooltip/Vue/index.html
index ac930aaf0aed..7369a149272c 100644
--- a/apps/demos/Demos/Gauges/Tooltip/Vue/index.html
+++ b/apps/demos/Demos/Gauges/Tooltip/Vue/index.html
@@ -5,23 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="dx-theme" data-theme="generic.light" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/ValueIndicatorsAPI/Angular/index.html b/apps/demos/Demos/Gauges/ValueIndicatorsAPI/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Gauges/ValueIndicatorsAPI/Angular/index.html
+++ b/apps/demos/Demos/Gauges/ValueIndicatorsAPI/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/ValueIndicatorsAPI/React/index.html b/apps/demos/Demos/Gauges/ValueIndicatorsAPI/React/index.html
index 798562b68bc3..7b47950bbaff 100644
--- a/apps/demos/Demos/Gauges/ValueIndicatorsAPI/React/index.html
+++ b/apps/demos/Demos/Gauges/ValueIndicatorsAPI/React/index.html
@@ -5,20 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="dx-theme" data-theme="generic.light" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/ValueIndicatorsAPI/Vue/index.html b/apps/demos/Demos/Gauges/ValueIndicatorsAPI/Vue/index.html
index ac930aaf0aed..7369a149272c 100644
--- a/apps/demos/Demos/Gauges/ValueIndicatorsAPI/Vue/index.html
+++ b/apps/demos/Demos/Gauges/ValueIndicatorsAPI/Vue/index.html
@@ -5,23 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="dx-theme" data-theme="generic.light" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/VariableNumberOfBars/Angular/index.html b/apps/demos/Demos/Gauges/VariableNumberOfBars/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Gauges/VariableNumberOfBars/Angular/index.html
+++ b/apps/demos/Demos/Gauges/VariableNumberOfBars/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/VariableNumberOfBars/React/index.html b/apps/demos/Demos/Gauges/VariableNumberOfBars/React/index.html
index 798562b68bc3..7b47950bbaff 100644
--- a/apps/demos/Demos/Gauges/VariableNumberOfBars/React/index.html
+++ b/apps/demos/Demos/Gauges/VariableNumberOfBars/React/index.html
@@ -5,20 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="dx-theme" data-theme="generic.light" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/VariableNumberOfBars/Vue/index.html b/apps/demos/Demos/Gauges/VariableNumberOfBars/Vue/index.html
index ac930aaf0aed..7369a149272c 100644
--- a/apps/demos/Demos/Gauges/VariableNumberOfBars/Vue/index.html
+++ b/apps/demos/Demos/Gauges/VariableNumberOfBars/Vue/index.html
@@ -5,23 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="dx-theme" data-theme="generic.light" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/HtmlEditor/AITextEditing/Angular/index.html b/apps/demos/Demos/HtmlEditor/AITextEditing/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/HtmlEditor/AITextEditing/Angular/index.html
+++ b/apps/demos/Demos/HtmlEditor/AITextEditing/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/HtmlEditor/AITextEditing/React/index.html b/apps/demos/Demos/HtmlEditor/AITextEditing/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/HtmlEditor/AITextEditing/React/index.html
+++ b/apps/demos/Demos/HtmlEditor/AITextEditing/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/HtmlEditor/AITextEditing/Vue/index.html b/apps/demos/Demos/HtmlEditor/AITextEditing/Vue/index.html
index 5f44df651b65..7369a149272c 100644
--- a/apps/demos/Demos/HtmlEditor/AITextEditing/Vue/index.html
+++ b/apps/demos/Demos/HtmlEditor/AITextEditing/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/HtmlEditor/MarkdownSupport/Angular/index.html b/apps/demos/Demos/HtmlEditor/MarkdownSupport/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/HtmlEditor/MarkdownSupport/Angular/index.html
+++ b/apps/demos/Demos/HtmlEditor/MarkdownSupport/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/HtmlEditor/MarkdownSupport/React/index.html b/apps/demos/Demos/HtmlEditor/MarkdownSupport/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/HtmlEditor/MarkdownSupport/React/index.html
+++ b/apps/demos/Demos/HtmlEditor/MarkdownSupport/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/HtmlEditor/MarkdownSupport/Vue/index.html b/apps/demos/Demos/HtmlEditor/MarkdownSupport/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/HtmlEditor/MarkdownSupport/Vue/index.html
+++ b/apps/demos/Demos/HtmlEditor/MarkdownSupport/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/HtmlEditor/Mentions/Angular/index.html b/apps/demos/Demos/HtmlEditor/Mentions/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/HtmlEditor/Mentions/Angular/index.html
+++ b/apps/demos/Demos/HtmlEditor/Mentions/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/HtmlEditor/Mentions/React/index.html b/apps/demos/Demos/HtmlEditor/Mentions/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/HtmlEditor/Mentions/React/index.html
+++ b/apps/demos/Demos/HtmlEditor/Mentions/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/HtmlEditor/Mentions/Vue/index.html b/apps/demos/Demos/HtmlEditor/Mentions/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/HtmlEditor/Mentions/Vue/index.html
+++ b/apps/demos/Demos/HtmlEditor/Mentions/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/HtmlEditor/Overview/Angular/index.html b/apps/demos/Demos/HtmlEditor/Overview/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/HtmlEditor/Overview/Angular/index.html
+++ b/apps/demos/Demos/HtmlEditor/Overview/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/HtmlEditor/Overview/React/index.html b/apps/demos/Demos/HtmlEditor/Overview/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/HtmlEditor/Overview/React/index.html
+++ b/apps/demos/Demos/HtmlEditor/Overview/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/HtmlEditor/Overview/Vue/index.html b/apps/demos/Demos/HtmlEditor/Overview/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/HtmlEditor/Overview/Vue/index.html
+++ b/apps/demos/Demos/HtmlEditor/Overview/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/HtmlEditor/Tables/Angular/index.html b/apps/demos/Demos/HtmlEditor/Tables/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/HtmlEditor/Tables/Angular/index.html
+++ b/apps/demos/Demos/HtmlEditor/Tables/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/HtmlEditor/Tables/React/index.html b/apps/demos/Demos/HtmlEditor/Tables/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/HtmlEditor/Tables/React/index.html
+++ b/apps/demos/Demos/HtmlEditor/Tables/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/HtmlEditor/Tables/Vue/index.html b/apps/demos/Demos/HtmlEditor/Tables/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/HtmlEditor/Tables/Vue/index.html
+++ b/apps/demos/Demos/HtmlEditor/Tables/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/HtmlEditor/ToolbarCustomization/Angular/index.html b/apps/demos/Demos/HtmlEditor/ToolbarCustomization/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/HtmlEditor/ToolbarCustomization/Angular/index.html
+++ b/apps/demos/Demos/HtmlEditor/ToolbarCustomization/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/HtmlEditor/ToolbarCustomization/React/index.html b/apps/demos/Demos/HtmlEditor/ToolbarCustomization/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/HtmlEditor/ToolbarCustomization/React/index.html
+++ b/apps/demos/Demos/HtmlEditor/ToolbarCustomization/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/HtmlEditor/ToolbarCustomization/Vue/index.html b/apps/demos/Demos/HtmlEditor/ToolbarCustomization/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/HtmlEditor/ToolbarCustomization/Vue/index.html
+++ b/apps/demos/Demos/HtmlEditor/ToolbarCustomization/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/List/DragAndDrop/Angular/index.html b/apps/demos/Demos/List/DragAndDrop/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/List/DragAndDrop/Angular/index.html
+++ b/apps/demos/Demos/List/DragAndDrop/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/List/DragAndDrop/React/index.html b/apps/demos/Demos/List/DragAndDrop/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/List/DragAndDrop/React/index.html
+++ b/apps/demos/Demos/List/DragAndDrop/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/List/DragAndDrop/Vue/index.html b/apps/demos/Demos/List/DragAndDrop/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/List/DragAndDrop/Vue/index.html
+++ b/apps/demos/Demos/List/DragAndDrop/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/List/Grouping/Angular/index.html b/apps/demos/Demos/List/Grouping/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/List/Grouping/Angular/index.html
+++ b/apps/demos/Demos/List/Grouping/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/List/Grouping/React/index.html b/apps/demos/Demos/List/Grouping/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/List/Grouping/React/index.html
+++ b/apps/demos/Demos/List/Grouping/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/List/Grouping/Vue/index.html b/apps/demos/Demos/List/Grouping/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/List/Grouping/Vue/index.html
+++ b/apps/demos/Demos/List/Grouping/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/List/ItemDeletion/Angular/index.html b/apps/demos/Demos/List/ItemDeletion/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/List/ItemDeletion/Angular/index.html
+++ b/apps/demos/Demos/List/ItemDeletion/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/List/ItemDeletion/React/index.html b/apps/demos/Demos/List/ItemDeletion/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/List/ItemDeletion/React/index.html
+++ b/apps/demos/Demos/List/ItemDeletion/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/List/ItemDeletion/Vue/index.html b/apps/demos/Demos/List/ItemDeletion/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/List/ItemDeletion/Vue/index.html
+++ b/apps/demos/Demos/List/ItemDeletion/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/List/ItemTemplate/Angular/index.html b/apps/demos/Demos/List/ItemTemplate/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/List/ItemTemplate/Angular/index.html
+++ b/apps/demos/Demos/List/ItemTemplate/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/List/ItemTemplate/React/index.html b/apps/demos/Demos/List/ItemTemplate/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/List/ItemTemplate/React/index.html
+++ b/apps/demos/Demos/List/ItemTemplate/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/List/ItemTemplate/Vue/index.html b/apps/demos/Demos/List/ItemTemplate/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/List/ItemTemplate/Vue/index.html
+++ b/apps/demos/Demos/List/ItemTemplate/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/List/Search/Angular/index.html b/apps/demos/Demos/List/Search/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/List/Search/Angular/index.html
+++ b/apps/demos/Demos/List/Search/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/List/Search/React/index.html b/apps/demos/Demos/List/Search/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/List/Search/React/index.html
+++ b/apps/demos/Demos/List/Search/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/List/Search/Vue/index.html b/apps/demos/Demos/List/Search/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/List/Search/Vue/index.html
+++ b/apps/demos/Demos/List/Search/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/List/Selection/Angular/index.html b/apps/demos/Demos/List/Selection/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/List/Selection/Angular/index.html
+++ b/apps/demos/Demos/List/Selection/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/List/Selection/React/index.html b/apps/demos/Demos/List/Selection/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/List/Selection/React/index.html
+++ b/apps/demos/Demos/List/Selection/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/List/Selection/Vue/index.html b/apps/demos/Demos/List/Selection/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/List/Selection/Vue/index.html
+++ b/apps/demos/Demos/List/Selection/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/List/WebAPI/Angular/index.html b/apps/demos/Demos/List/WebAPI/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/List/WebAPI/Angular/index.html
+++ b/apps/demos/Demos/List/WebAPI/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/List/WebAPI/React/index.html b/apps/demos/Demos/List/WebAPI/React/index.html
index ee451f8288ff..1da2da79d709 100644
--- a/apps/demos/Demos/List/WebAPI/React/index.html
+++ b/apps/demos/Demos/List/WebAPI/React/index.html
@@ -6,19 +6,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/List/WebAPI/Vue/index.html b/apps/demos/Demos/List/WebAPI/Vue/index.html
index 8b0eb3ef5402..fb771a33adc4 100644
--- a/apps/demos/Demos/List/WebAPI/Vue/index.html
+++ b/apps/demos/Demos/List/WebAPI/Vue/index.html
@@ -6,27 +6,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/LoadIndicator/Overview/Angular/index.html b/apps/demos/Demos/LoadIndicator/Overview/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/LoadIndicator/Overview/Angular/index.html
+++ b/apps/demos/Demos/LoadIndicator/Overview/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/LoadIndicator/Overview/React/index.html b/apps/demos/Demos/LoadIndicator/Overview/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/LoadIndicator/Overview/React/index.html
+++ b/apps/demos/Demos/LoadIndicator/Overview/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/LoadIndicator/Overview/Vue/index.html b/apps/demos/Demos/LoadIndicator/Overview/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/LoadIndicator/Overview/Vue/index.html
+++ b/apps/demos/Demos/LoadIndicator/Overview/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/LoadPanel/Overview/Angular/index.html b/apps/demos/Demos/LoadPanel/Overview/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/LoadPanel/Overview/Angular/index.html
+++ b/apps/demos/Demos/LoadPanel/Overview/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/LoadPanel/Overview/React/index.html b/apps/demos/Demos/LoadPanel/Overview/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/LoadPanel/Overview/React/index.html
+++ b/apps/demos/Demos/LoadPanel/Overview/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/LoadPanel/Overview/Vue/index.html b/apps/demos/Demos/LoadPanel/Overview/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/LoadPanel/Overview/Vue/index.html
+++ b/apps/demos/Demos/LoadPanel/Overview/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Localization/UsingGlobalize/Angular/index.html b/apps/demos/Demos/Localization/UsingGlobalize/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Localization/UsingGlobalize/Angular/index.html
+++ b/apps/demos/Demos/Localization/UsingGlobalize/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Localization/UsingGlobalize/React/index.html b/apps/demos/Demos/Localization/UsingGlobalize/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Localization/UsingGlobalize/React/index.html
+++ b/apps/demos/Demos/Localization/UsingGlobalize/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Localization/UsingGlobalize/Vue/index.html b/apps/demos/Demos/Localization/UsingGlobalize/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Localization/UsingGlobalize/Vue/index.html
+++ b/apps/demos/Demos/Localization/UsingGlobalize/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Localization/UsingIntl/Angular/index.html b/apps/demos/Demos/Localization/UsingIntl/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Localization/UsingIntl/Angular/index.html
+++ b/apps/demos/Demos/Localization/UsingIntl/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Localization/UsingIntl/React/index.html b/apps/demos/Demos/Localization/UsingIntl/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Localization/UsingIntl/React/index.html
+++ b/apps/demos/Demos/Localization/UsingIntl/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Localization/UsingIntl/Vue/index.html b/apps/demos/Demos/Localization/UsingIntl/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Localization/UsingIntl/Vue/index.html
+++ b/apps/demos/Demos/Localization/UsingIntl/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Lookup/Basics/Angular/index.html b/apps/demos/Demos/Lookup/Basics/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Lookup/Basics/Angular/index.html
+++ b/apps/demos/Demos/Lookup/Basics/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Lookup/Basics/React/index.html b/apps/demos/Demos/Lookup/Basics/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Lookup/Basics/React/index.html
+++ b/apps/demos/Demos/Lookup/Basics/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Lookup/Basics/Vue/index.html b/apps/demos/Demos/Lookup/Basics/Vue/index.html
index 53778bd14ad3..7369a149272c 100644
--- a/apps/demos/Demos/Lookup/Basics/Vue/index.html
+++ b/apps/demos/Demos/Lookup/Basics/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Lookup/EventHandling/Angular/index.html b/apps/demos/Demos/Lookup/EventHandling/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Lookup/EventHandling/Angular/index.html
+++ b/apps/demos/Demos/Lookup/EventHandling/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Lookup/EventHandling/React/index.html b/apps/demos/Demos/Lookup/EventHandling/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Lookup/EventHandling/React/index.html
+++ b/apps/demos/Demos/Lookup/EventHandling/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Lookup/EventHandling/Vue/index.html b/apps/demos/Demos/Lookup/EventHandling/Vue/index.html
index 53778bd14ad3..7369a149272c 100644
--- a/apps/demos/Demos/Lookup/EventHandling/Vue/index.html
+++ b/apps/demos/Demos/Lookup/EventHandling/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Lookup/Templates/Angular/index.html b/apps/demos/Demos/Lookup/Templates/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Lookup/Templates/Angular/index.html
+++ b/apps/demos/Demos/Lookup/Templates/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Lookup/Templates/React/index.html b/apps/demos/Demos/Lookup/Templates/React/index.html
index 0a0215396830..7b47950bbaff 100644
--- a/apps/demos/Demos/Lookup/Templates/React/index.html
+++ b/apps/demos/Demos/Lookup/Templates/React/index.html
@@ -6,20 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Lookup/Templates/Vue/index.html b/apps/demos/Demos/Lookup/Templates/Vue/index.html
index 38174efd81d4..7369a149272c 100644
--- a/apps/demos/Demos/Lookup/Templates/Vue/index.html
+++ b/apps/demos/Demos/Lookup/Templates/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Map/Markers/Angular/index.html b/apps/demos/Demos/Map/Markers/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Map/Markers/Angular/index.html
+++ b/apps/demos/Demos/Map/Markers/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Map/Markers/React/index.html b/apps/demos/Demos/Map/Markers/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Map/Markers/React/index.html
+++ b/apps/demos/Demos/Map/Markers/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Map/Markers/Vue/index.html b/apps/demos/Demos/Map/Markers/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Map/Markers/Vue/index.html
+++ b/apps/demos/Demos/Map/Markers/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Map/ProvidersAndTypes/Angular/index.html b/apps/demos/Demos/Map/ProvidersAndTypes/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Map/ProvidersAndTypes/Angular/index.html
+++ b/apps/demos/Demos/Map/ProvidersAndTypes/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Map/ProvidersAndTypes/React/index.html b/apps/demos/Demos/Map/ProvidersAndTypes/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Map/ProvidersAndTypes/React/index.html
+++ b/apps/demos/Demos/Map/ProvidersAndTypes/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Map/ProvidersAndTypes/Vue/index.html b/apps/demos/Demos/Map/ProvidersAndTypes/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Map/ProvidersAndTypes/Vue/index.html
+++ b/apps/demos/Demos/Map/ProvidersAndTypes/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Map/Routes/Angular/index.html b/apps/demos/Demos/Map/Routes/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Map/Routes/Angular/index.html
+++ b/apps/demos/Demos/Map/Routes/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Map/Routes/React/index.html b/apps/demos/Demos/Map/Routes/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Map/Routes/React/index.html
+++ b/apps/demos/Demos/Map/Routes/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Map/Routes/Vue/index.html b/apps/demos/Demos/Map/Routes/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Map/Routes/Vue/index.html
+++ b/apps/demos/Demos/Map/Routes/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Menu/Overview/Angular/index.html b/apps/demos/Demos/Menu/Overview/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Menu/Overview/Angular/index.html
+++ b/apps/demos/Demos/Menu/Overview/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Menu/Overview/React/index.html b/apps/demos/Demos/Menu/Overview/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Menu/Overview/React/index.html
+++ b/apps/demos/Demos/Menu/Overview/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Menu/Overview/Vue/index.html b/apps/demos/Demos/Menu/Overview/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Menu/Overview/Vue/index.html
+++ b/apps/demos/Demos/Menu/Overview/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Menu/Scrolling/Angular/index.html b/apps/demos/Demos/Menu/Scrolling/Angular/index.html
index 2439557d8fbe..7dd155b53981 100644
--- a/apps/demos/Demos/Menu/Scrolling/Angular/index.html
+++ b/apps/demos/Demos/Menu/Scrolling/Angular/index.html
@@ -1,24 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
-    <demo-app>Loading...</demo-app>
+    <div class="demo-container">
+      <demo-app>Loading...</demo-app>
+    </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Menu/Scrolling/React/index.html b/apps/demos/Demos/Menu/Scrolling/React/index.html
index c21fcccdd2d1..576c107e0152 100644
--- a/apps/demos/Demos/Menu/Scrolling/React/index.html
+++ b/apps/demos/Demos/Menu/Scrolling/React/index.html
@@ -6,17 +6,10 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div id="app"></div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Menu/Scrolling/Vue/index.html b/apps/demos/Demos/Menu/Scrolling/Vue/index.html
index 8c553703fa47..576c107e0152 100644
--- a/apps/demos/Demos/Menu/Scrolling/Vue/index.html
+++ b/apps/demos/Demos/Menu/Scrolling/Vue/index.html
@@ -6,20 +6,10 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div id="app"></div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/MultiView/Overview/Angular/index.html b/apps/demos/Demos/MultiView/Overview/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/MultiView/Overview/Angular/index.html
+++ b/apps/demos/Demos/MultiView/Overview/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/MultiView/Overview/React/index.html b/apps/demos/Demos/MultiView/Overview/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/MultiView/Overview/React/index.html
+++ b/apps/demos/Demos/MultiView/Overview/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/MultiView/Overview/Vue/index.html b/apps/demos/Demos/MultiView/Overview/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/MultiView/Overview/Vue/index.html
+++ b/apps/demos/Demos/MultiView/Overview/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/NumberBox/Formatting/Angular/index.html b/apps/demos/Demos/NumberBox/Formatting/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/NumberBox/Formatting/Angular/index.html
+++ b/apps/demos/Demos/NumberBox/Formatting/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/NumberBox/Formatting/React/index.html b/apps/demos/Demos/NumberBox/Formatting/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/NumberBox/Formatting/React/index.html
+++ b/apps/demos/Demos/NumberBox/Formatting/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/NumberBox/Formatting/Vue/index.html b/apps/demos/Demos/NumberBox/Formatting/Vue/index.html
index f801653ebfc5..7369a149272c 100644
--- a/apps/demos/Demos/NumberBox/Formatting/Vue/index.html
+++ b/apps/demos/Demos/NumberBox/Formatting/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/NumberBox/Overview/Angular/index.html b/apps/demos/Demos/NumberBox/Overview/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/NumberBox/Overview/Angular/index.html
+++ b/apps/demos/Demos/NumberBox/Overview/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/NumberBox/Overview/React/index.html b/apps/demos/Demos/NumberBox/Overview/React/index.html
index cfb9b3aa6769..1da2da79d709 100644
--- a/apps/demos/Demos/NumberBox/Overview/React/index.html
+++ b/apps/demos/Demos/NumberBox/Overview/React/index.html
@@ -6,18 +6,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/NumberBox/Overview/Vue/index.html b/apps/demos/Demos/NumberBox/Overview/Vue/index.html
index f801653ebfc5..fb771a33adc4 100644
--- a/apps/demos/Demos/NumberBox/Overview/Vue/index.html
+++ b/apps/demos/Demos/NumberBox/Overview/Vue/index.html
@@ -6,23 +6,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Pagination/Overview/Angular/index.html b/apps/demos/Demos/Pagination/Overview/Angular/index.html
index d6cce972f42b..7dd155b53981 100644
--- a/apps/demos/Demos/Pagination/Overview/Angular/index.html
+++ b/apps/demos/Demos/Pagination/Overview/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme/dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Pagination/Overview/React/index.html b/apps/demos/Demos/Pagination/Overview/React/index.html
index 637762a048ae..2019c420e632 100644
--- a/apps/demos/Demos/Pagination/Overview/React/index.html
+++ b/apps/demos/Demos/Pagination/Overview/React/index.html
@@ -5,20 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme/dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div class="container"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Pagination/Overview/Vue/index.html b/apps/demos/Demos/Pagination/Overview/Vue/index.html
index 3bd60990e984..2019c420e632 100644
--- a/apps/demos/Demos/Pagination/Overview/Vue/index.html
+++ b/apps/demos/Demos/Pagination/Overview/Vue/index.html
@@ -5,24 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme/dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div class="container"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/PivotGrid/ChartIntegration/Angular/index.html b/apps/demos/Demos/PivotGrid/ChartIntegration/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/PivotGrid/ChartIntegration/Angular/index.html
+++ b/apps/demos/Demos/PivotGrid/ChartIntegration/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/PivotGrid/ChartIntegration/React/index.html b/apps/demos/Demos/PivotGrid/ChartIntegration/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/PivotGrid/ChartIntegration/React/index.html
+++ b/apps/demos/Demos/PivotGrid/ChartIntegration/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/PivotGrid/ChartIntegration/Vue/index.html b/apps/demos/Demos/PivotGrid/ChartIntegration/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/PivotGrid/ChartIntegration/Vue/index.html
+++ b/apps/demos/Demos/PivotGrid/ChartIntegration/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/PivotGrid/Customization/Angular/index.html b/apps/demos/Demos/PivotGrid/Customization/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/PivotGrid/Customization/Angular/index.html
+++ b/apps/demos/Demos/PivotGrid/Customization/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/PivotGrid/Customization/React/index.html b/apps/demos/Demos/PivotGrid/Customization/React/index.html
index 20744f49da9b..7b47950bbaff 100644
--- a/apps/demos/Demos/PivotGrid/Customization/React/index.html
+++ b/apps/demos/Demos/PivotGrid/Customization/React/index.html
@@ -6,18 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/PivotGrid/Customization/Vue/index.html b/apps/demos/Demos/PivotGrid/Customization/Vue/index.html
index 8ef744ca51f3..e97e1d43d2f6 100644
--- a/apps/demos/Demos/PivotGrid/Customization/Vue/index.html
+++ b/apps/demos/Demos/PivotGrid/Customization/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app" />
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/PivotGrid/DrillDown/Angular/index.html b/apps/demos/Demos/PivotGrid/DrillDown/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/PivotGrid/DrillDown/Angular/index.html
+++ b/apps/demos/Demos/PivotGrid/DrillDown/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/PivotGrid/DrillDown/React/index.html b/apps/demos/Demos/PivotGrid/DrillDown/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/PivotGrid/DrillDown/React/index.html
+++ b/apps/demos/Demos/PivotGrid/DrillDown/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/PivotGrid/DrillDown/Vue/index.html b/apps/demos/Demos/PivotGrid/DrillDown/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/PivotGrid/DrillDown/Vue/index.html
+++ b/apps/demos/Demos/PivotGrid/DrillDown/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/PivotGrid/ExcelJSCellCustomization/Angular/index.html b/apps/demos/Demos/PivotGrid/ExcelJSCellCustomization/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/PivotGrid/ExcelJSCellCustomization/Angular/index.html
+++ b/apps/demos/Demos/PivotGrid/ExcelJSCellCustomization/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/PivotGrid/ExcelJSCellCustomization/React/index.html b/apps/demos/Demos/PivotGrid/ExcelJSCellCustomization/React/index.html
index dcea8a022c64..1da2da79d709 100644
--- a/apps/demos/Demos/PivotGrid/ExcelJSCellCustomization/React/index.html
+++ b/apps/demos/Demos/PivotGrid/ExcelJSCellCustomization/React/index.html
@@ -6,17 +6,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/PivotGrid/ExcelJSCellCustomization/Vue/index.html b/apps/demos/Demos/PivotGrid/ExcelJSCellCustomization/Vue/index.html
index 8ef744ca51f3..fb4cf0d3a3e5 100644
--- a/apps/demos/Demos/PivotGrid/ExcelJSCellCustomization/Vue/index.html
+++ b/apps/demos/Demos/PivotGrid/ExcelJSCellCustomization/Vue/index.html
@@ -6,22 +6,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app" />
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/PivotGrid/ExcelJSOverview/Angular/index.html b/apps/demos/Demos/PivotGrid/ExcelJSOverview/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/PivotGrid/ExcelJSOverview/Angular/index.html
+++ b/apps/demos/Demos/PivotGrid/ExcelJSOverview/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/PivotGrid/ExcelJSOverview/React/index.html b/apps/demos/Demos/PivotGrid/ExcelJSOverview/React/index.html
index dcea8a022c64..1da2da79d709 100644
--- a/apps/demos/Demos/PivotGrid/ExcelJSOverview/React/index.html
+++ b/apps/demos/Demos/PivotGrid/ExcelJSOverview/React/index.html
@@ -6,17 +6,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/PivotGrid/ExcelJSOverview/Vue/index.html b/apps/demos/Demos/PivotGrid/ExcelJSOverview/Vue/index.html
index 394de6604894..fb4cf0d3a3e5 100644
--- a/apps/demos/Demos/PivotGrid/ExcelJSOverview/Vue/index.html
+++ b/apps/demos/Demos/PivotGrid/ExcelJSOverview/Vue/index.html
@@ -6,23 +6,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app" />
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/PivotGrid/ExcelJsHeaderAndFooter/Angular/index.html b/apps/demos/Demos/PivotGrid/ExcelJsHeaderAndFooter/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/PivotGrid/ExcelJsHeaderAndFooter/Angular/index.html
+++ b/apps/demos/Demos/PivotGrid/ExcelJsHeaderAndFooter/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/PivotGrid/ExcelJsHeaderAndFooter/React/index.html b/apps/demos/Demos/PivotGrid/ExcelJsHeaderAndFooter/React/index.html
index 20744f49da9b..7b47950bbaff 100644
--- a/apps/demos/Demos/PivotGrid/ExcelJsHeaderAndFooter/React/index.html
+++ b/apps/demos/Demos/PivotGrid/ExcelJsHeaderAndFooter/React/index.html
@@ -6,18 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/PivotGrid/ExcelJsHeaderAndFooter/Vue/index.html b/apps/demos/Demos/PivotGrid/ExcelJsHeaderAndFooter/Vue/index.html
index 8ef744ca51f3..e97e1d43d2f6 100644
--- a/apps/demos/Demos/PivotGrid/ExcelJsHeaderAndFooter/Vue/index.html
+++ b/apps/demos/Demos/PivotGrid/ExcelJsHeaderAndFooter/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app" />
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/PivotGrid/FieldPanel/Angular/index.html b/apps/demos/Demos/PivotGrid/FieldPanel/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/PivotGrid/FieldPanel/Angular/index.html
+++ b/apps/demos/Demos/PivotGrid/FieldPanel/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/PivotGrid/FieldPanel/React/index.html b/apps/demos/Demos/PivotGrid/FieldPanel/React/index.html
index 20744f49da9b..7b47950bbaff 100644
--- a/apps/demos/Demos/PivotGrid/FieldPanel/React/index.html
+++ b/apps/demos/Demos/PivotGrid/FieldPanel/React/index.html
@@ -6,18 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/PivotGrid/FieldPanel/Vue/index.html b/apps/demos/Demos/PivotGrid/FieldPanel/Vue/index.html
index 8ef744ca51f3..e97e1d43d2f6 100644
--- a/apps/demos/Demos/PivotGrid/FieldPanel/Vue/index.html
+++ b/apps/demos/Demos/PivotGrid/FieldPanel/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app" />
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/PivotGrid/Filtering/Angular/index.html b/apps/demos/Demos/PivotGrid/Filtering/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/PivotGrid/Filtering/Angular/index.html
+++ b/apps/demos/Demos/PivotGrid/Filtering/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/PivotGrid/Filtering/React/index.html b/apps/demos/Demos/PivotGrid/Filtering/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/PivotGrid/Filtering/React/index.html
+++ b/apps/demos/Demos/PivotGrid/Filtering/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/PivotGrid/Filtering/Vue/index.html b/apps/demos/Demos/PivotGrid/Filtering/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/PivotGrid/Filtering/Vue/index.html
+++ b/apps/demos/Demos/PivotGrid/Filtering/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/PivotGrid/IntegratedFieldChooser/Angular/index.html b/apps/demos/Demos/PivotGrid/IntegratedFieldChooser/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/PivotGrid/IntegratedFieldChooser/Angular/index.html
+++ b/apps/demos/Demos/PivotGrid/IntegratedFieldChooser/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/PivotGrid/IntegratedFieldChooser/React/index.html b/apps/demos/Demos/PivotGrid/IntegratedFieldChooser/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/PivotGrid/IntegratedFieldChooser/React/index.html
+++ b/apps/demos/Demos/PivotGrid/IntegratedFieldChooser/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/PivotGrid/IntegratedFieldChooser/Vue/index.html b/apps/demos/Demos/PivotGrid/IntegratedFieldChooser/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/PivotGrid/IntegratedFieldChooser/Vue/index.html
+++ b/apps/demos/Demos/PivotGrid/IntegratedFieldChooser/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/PivotGrid/OLAPDataSource/Angular/index.html b/apps/demos/Demos/PivotGrid/OLAPDataSource/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/PivotGrid/OLAPDataSource/Angular/index.html
+++ b/apps/demos/Demos/PivotGrid/OLAPDataSource/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/PivotGrid/OLAPDataSource/React/index.html b/apps/demos/Demos/PivotGrid/OLAPDataSource/React/index.html
index 20744f49da9b..7b47950bbaff 100644
--- a/apps/demos/Demos/PivotGrid/OLAPDataSource/React/index.html
+++ b/apps/demos/Demos/PivotGrid/OLAPDataSource/React/index.html
@@ -6,18 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/PivotGrid/OLAPDataSource/Vue/index.html b/apps/demos/Demos/PivotGrid/OLAPDataSource/Vue/index.html
index 8ef744ca51f3..e97e1d43d2f6 100644
--- a/apps/demos/Demos/PivotGrid/OLAPDataSource/Vue/index.html
+++ b/apps/demos/Demos/PivotGrid/OLAPDataSource/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app" />
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/PivotGrid/Overview/Angular/index.html b/apps/demos/Demos/PivotGrid/Overview/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/PivotGrid/Overview/Angular/index.html
+++ b/apps/demos/Demos/PivotGrid/Overview/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/PivotGrid/Overview/React/index.html b/apps/demos/Demos/PivotGrid/Overview/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/PivotGrid/Overview/React/index.html
+++ b/apps/demos/Demos/PivotGrid/Overview/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/PivotGrid/Overview/Vue/index.html b/apps/demos/Demos/PivotGrid/Overview/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/PivotGrid/Overview/Vue/index.html
+++ b/apps/demos/Demos/PivotGrid/Overview/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/PivotGrid/RemoteVirtualScrolling/Angular/index.html b/apps/demos/Demos/PivotGrid/RemoteVirtualScrolling/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/PivotGrid/RemoteVirtualScrolling/Angular/index.html
+++ b/apps/demos/Demos/PivotGrid/RemoteVirtualScrolling/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/PivotGrid/RemoteVirtualScrolling/React/index.html b/apps/demos/Demos/PivotGrid/RemoteVirtualScrolling/React/index.html
index 20744f49da9b..7b47950bbaff 100644
--- a/apps/demos/Demos/PivotGrid/RemoteVirtualScrolling/React/index.html
+++ b/apps/demos/Demos/PivotGrid/RemoteVirtualScrolling/React/index.html
@@ -6,18 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/PivotGrid/RemoteVirtualScrolling/Vue/index.html b/apps/demos/Demos/PivotGrid/RemoteVirtualScrolling/Vue/index.html
index 8ef744ca51f3..e97e1d43d2f6 100644
--- a/apps/demos/Demos/PivotGrid/RemoteVirtualScrolling/Vue/index.html
+++ b/apps/demos/Demos/PivotGrid/RemoteVirtualScrolling/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app" />
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/PivotGrid/RunningTotals/Angular/index.html b/apps/demos/Demos/PivotGrid/RunningTotals/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/PivotGrid/RunningTotals/Angular/index.html
+++ b/apps/demos/Demos/PivotGrid/RunningTotals/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/PivotGrid/RunningTotals/React/index.html b/apps/demos/Demos/PivotGrid/RunningTotals/React/index.html
index 20744f49da9b..7b47950bbaff 100644
--- a/apps/demos/Demos/PivotGrid/RunningTotals/React/index.html
+++ b/apps/demos/Demos/PivotGrid/RunningTotals/React/index.html
@@ -6,18 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/PivotGrid/RunningTotals/Vue/index.html b/apps/demos/Demos/PivotGrid/RunningTotals/Vue/index.html
index 8ef744ca51f3..e97e1d43d2f6 100644
--- a/apps/demos/Demos/PivotGrid/RunningTotals/Vue/index.html
+++ b/apps/demos/Demos/PivotGrid/RunningTotals/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app" />
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/PivotGrid/SimpleArray/Angular/index.html b/apps/demos/Demos/PivotGrid/SimpleArray/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/PivotGrid/SimpleArray/Angular/index.html
+++ b/apps/demos/Demos/PivotGrid/SimpleArray/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/PivotGrid/SimpleArray/React/index.html b/apps/demos/Demos/PivotGrid/SimpleArray/React/index.html
index 20744f49da9b..7b47950bbaff 100644
--- a/apps/demos/Demos/PivotGrid/SimpleArray/React/index.html
+++ b/apps/demos/Demos/PivotGrid/SimpleArray/React/index.html
@@ -6,18 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/PivotGrid/SimpleArray/Vue/index.html b/apps/demos/Demos/PivotGrid/SimpleArray/Vue/index.html
index 394de6604894..e97e1d43d2f6 100644
--- a/apps/demos/Demos/PivotGrid/SimpleArray/Vue/index.html
+++ b/apps/demos/Demos/PivotGrid/SimpleArray/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app" />
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/PivotGrid/StandaloneFieldChooser/React/index.html b/apps/demos/Demos/PivotGrid/StandaloneFieldChooser/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/PivotGrid/StandaloneFieldChooser/React/index.html
+++ b/apps/demos/Demos/PivotGrid/StandaloneFieldChooser/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/PivotGrid/StandaloneFieldChooser/Vue/index.html b/apps/demos/Demos/PivotGrid/StandaloneFieldChooser/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/PivotGrid/StandaloneFieldChooser/Vue/index.html
+++ b/apps/demos/Demos/PivotGrid/StandaloneFieldChooser/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/PivotGrid/StatePersistence/Angular/index.html b/apps/demos/Demos/PivotGrid/StatePersistence/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/PivotGrid/StatePersistence/Angular/index.html
+++ b/apps/demos/Demos/PivotGrid/StatePersistence/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/PivotGrid/StatePersistence/React/index.html b/apps/demos/Demos/PivotGrid/StatePersistence/React/index.html
index 20744f49da9b..7b47950bbaff 100644
--- a/apps/demos/Demos/PivotGrid/StatePersistence/React/index.html
+++ b/apps/demos/Demos/PivotGrid/StatePersistence/React/index.html
@@ -6,18 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/PivotGrid/StatePersistence/Vue/index.html b/apps/demos/Demos/PivotGrid/StatePersistence/Vue/index.html
index 8ef744ca51f3..e97e1d43d2f6 100644
--- a/apps/demos/Demos/PivotGrid/StatePersistence/Vue/index.html
+++ b/apps/demos/Demos/PivotGrid/StatePersistence/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app" />
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/PivotGrid/SummaryDisplayModes/Angular/index.html b/apps/demos/Demos/PivotGrid/SummaryDisplayModes/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/PivotGrid/SummaryDisplayModes/Angular/index.html
+++ b/apps/demos/Demos/PivotGrid/SummaryDisplayModes/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/PivotGrid/SummaryDisplayModes/React/index.html b/apps/demos/Demos/PivotGrid/SummaryDisplayModes/React/index.html
index 20744f49da9b..7b47950bbaff 100644
--- a/apps/demos/Demos/PivotGrid/SummaryDisplayModes/React/index.html
+++ b/apps/demos/Demos/PivotGrid/SummaryDisplayModes/React/index.html
@@ -6,18 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/PivotGrid/SummaryDisplayModes/Vue/index.html b/apps/demos/Demos/PivotGrid/SummaryDisplayModes/Vue/index.html
index 8ef744ca51f3..e97e1d43d2f6 100644
--- a/apps/demos/Demos/PivotGrid/SummaryDisplayModes/Vue/index.html
+++ b/apps/demos/Demos/PivotGrid/SummaryDisplayModes/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app" />
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/PivotGrid/VirtualScrolling/Angular/index.html b/apps/demos/Demos/PivotGrid/VirtualScrolling/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/PivotGrid/VirtualScrolling/Angular/index.html
+++ b/apps/demos/Demos/PivotGrid/VirtualScrolling/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/PivotGrid/VirtualScrolling/React/index.html b/apps/demos/Demos/PivotGrid/VirtualScrolling/React/index.html
index 20744f49da9b..7b47950bbaff 100644
--- a/apps/demos/Demos/PivotGrid/VirtualScrolling/React/index.html
+++ b/apps/demos/Demos/PivotGrid/VirtualScrolling/React/index.html
@@ -6,18 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/PivotGrid/VirtualScrolling/Vue/index.html b/apps/demos/Demos/PivotGrid/VirtualScrolling/Vue/index.html
index 8ef744ca51f3..fb4cf0d3a3e5 100644
--- a/apps/demos/Demos/PivotGrid/VirtualScrolling/Vue/index.html
+++ b/apps/demos/Demos/PivotGrid/VirtualScrolling/Vue/index.html
@@ -6,22 +6,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app" />
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/PivotGrid/WebAPIService/Angular/index.html b/apps/demos/Demos/PivotGrid/WebAPIService/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/PivotGrid/WebAPIService/Angular/index.html
+++ b/apps/demos/Demos/PivotGrid/WebAPIService/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/PivotGrid/WebAPIService/React/index.html b/apps/demos/Demos/PivotGrid/WebAPIService/React/index.html
index cfb9b3aa6769..1da2da79d709 100644
--- a/apps/demos/Demos/PivotGrid/WebAPIService/React/index.html
+++ b/apps/demos/Demos/PivotGrid/WebAPIService/React/index.html
@@ -6,18 +6,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/PivotGrid/WebAPIService/Vue/index.html b/apps/demos/Demos/PivotGrid/WebAPIService/Vue/index.html
index 8ef744ca51f3..fb4cf0d3a3e5 100644
--- a/apps/demos/Demos/PivotGrid/WebAPIService/Vue/index.html
+++ b/apps/demos/Demos/PivotGrid/WebAPIService/Vue/index.html
@@ -6,22 +6,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app" />
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Popover/Overview/Angular/index.html b/apps/demos/Demos/Popover/Overview/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Popover/Overview/Angular/index.html
+++ b/apps/demos/Demos/Popover/Overview/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Popover/Overview/React/index.html b/apps/demos/Demos/Popover/Overview/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Popover/Overview/React/index.html
+++ b/apps/demos/Demos/Popover/Overview/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Popover/Overview/Vue/index.html b/apps/demos/Demos/Popover/Overview/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Popover/Overview/Vue/index.html
+++ b/apps/demos/Demos/Popover/Overview/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Popup/Overview/Angular/index.html b/apps/demos/Demos/Popup/Overview/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Popup/Overview/Angular/index.html
+++ b/apps/demos/Demos/Popup/Overview/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Popup/Overview/React/index.html b/apps/demos/Demos/Popup/Overview/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Popup/Overview/React/index.html
+++ b/apps/demos/Demos/Popup/Overview/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Popup/Overview/Vue/index.html b/apps/demos/Demos/Popup/Overview/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Popup/Overview/Vue/index.html
+++ b/apps/demos/Demos/Popup/Overview/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Popup/Scrolling/Angular/index.html b/apps/demos/Demos/Popup/Scrolling/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Popup/Scrolling/Angular/index.html
+++ b/apps/demos/Demos/Popup/Scrolling/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Popup/Scrolling/React/index.html b/apps/demos/Demos/Popup/Scrolling/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Popup/Scrolling/React/index.html
+++ b/apps/demos/Demos/Popup/Scrolling/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Popup/Scrolling/Vue/index.html b/apps/demos/Demos/Popup/Scrolling/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Popup/Scrolling/Vue/index.html
+++ b/apps/demos/Demos/Popup/Scrolling/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/ProgressBar/Overview/Angular/index.html b/apps/demos/Demos/ProgressBar/Overview/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/ProgressBar/Overview/Angular/index.html
+++ b/apps/demos/Demos/ProgressBar/Overview/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/ProgressBar/Overview/React/index.html b/apps/demos/Demos/ProgressBar/Overview/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/ProgressBar/Overview/React/index.html
+++ b/apps/demos/Demos/ProgressBar/Overview/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/ProgressBar/Overview/Vue/index.html b/apps/demos/Demos/ProgressBar/Overview/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/ProgressBar/Overview/Vue/index.html
+++ b/apps/demos/Demos/ProgressBar/Overview/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/RadioGroup/Overview/Angular/index.html b/apps/demos/Demos/RadioGroup/Overview/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/RadioGroup/Overview/Angular/index.html
+++ b/apps/demos/Demos/RadioGroup/Overview/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/RadioGroup/Overview/React/index.html b/apps/demos/Demos/RadioGroup/Overview/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/RadioGroup/Overview/React/index.html
+++ b/apps/demos/Demos/RadioGroup/Overview/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/RadioGroup/Overview/Vue/index.html b/apps/demos/Demos/RadioGroup/Overview/Vue/index.html
index 53778bd14ad3..7369a149272c 100644
--- a/apps/demos/Demos/RadioGroup/Overview/Vue/index.html
+++ b/apps/demos/Demos/RadioGroup/Overview/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/RangeSelector/BackgroundImage/Angular/index.html b/apps/demos/Demos/RangeSelector/BackgroundImage/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/RangeSelector/BackgroundImage/Angular/index.html
+++ b/apps/demos/Demos/RangeSelector/BackgroundImage/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/RangeSelector/BackgroundImage/React/index.html b/apps/demos/Demos/RangeSelector/BackgroundImage/React/index.html
index 798562b68bc3..7b47950bbaff 100644
--- a/apps/demos/Demos/RangeSelector/BackgroundImage/React/index.html
+++ b/apps/demos/Demos/RangeSelector/BackgroundImage/React/index.html
@@ -5,20 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="dx-theme" data-theme="generic.light" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/RangeSelector/BackgroundImage/Vue/index.html b/apps/demos/Demos/RangeSelector/BackgroundImage/Vue/index.html
index ac930aaf0aed..7369a149272c 100644
--- a/apps/demos/Demos/RangeSelector/BackgroundImage/Vue/index.html
+++ b/apps/demos/Demos/RangeSelector/BackgroundImage/Vue/index.html
@@ -5,23 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="dx-theme" data-theme="generic.light" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/RangeSelector/Calculation/Angular/index.html b/apps/demos/Demos/RangeSelector/Calculation/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/RangeSelector/Calculation/Angular/index.html
+++ b/apps/demos/Demos/RangeSelector/Calculation/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/RangeSelector/Calculation/React/index.html b/apps/demos/Demos/RangeSelector/Calculation/React/index.html
index 798562b68bc3..7b47950bbaff 100644
--- a/apps/demos/Demos/RangeSelector/Calculation/React/index.html
+++ b/apps/demos/Demos/RangeSelector/Calculation/React/index.html
@@ -5,20 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="dx-theme" data-theme="generic.light" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/RangeSelector/Calculation/Vue/index.html b/apps/demos/Demos/RangeSelector/Calculation/Vue/index.html
index ac930aaf0aed..7369a149272c 100644
--- a/apps/demos/Demos/RangeSelector/Calculation/Vue/index.html
+++ b/apps/demos/Demos/RangeSelector/Calculation/Vue/index.html
@@ -5,23 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="dx-theme" data-theme="generic.light" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/RangeSelector/CustomFormatting/Angular/index.html b/apps/demos/Demos/RangeSelector/CustomFormatting/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/RangeSelector/CustomFormatting/Angular/index.html
+++ b/apps/demos/Demos/RangeSelector/CustomFormatting/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/RangeSelector/CustomFormatting/React/index.html b/apps/demos/Demos/RangeSelector/CustomFormatting/React/index.html
index 798562b68bc3..7b47950bbaff 100644
--- a/apps/demos/Demos/RangeSelector/CustomFormatting/React/index.html
+++ b/apps/demos/Demos/RangeSelector/CustomFormatting/React/index.html
@@ -5,20 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="dx-theme" data-theme="generic.light" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/RangeSelector/CustomFormatting/Vue/index.html b/apps/demos/Demos/RangeSelector/CustomFormatting/Vue/index.html
index ac930aaf0aed..7369a149272c 100644
--- a/apps/demos/Demos/RangeSelector/CustomFormatting/Vue/index.html
+++ b/apps/demos/Demos/RangeSelector/CustomFormatting/Vue/index.html
@@ -5,23 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="dx-theme" data-theme="generic.light" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/RangeSelector/DateTimeScale/Angular/index.html b/apps/demos/Demos/RangeSelector/DateTimeScale/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/RangeSelector/DateTimeScale/Angular/index.html
+++ b/apps/demos/Demos/RangeSelector/DateTimeScale/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/RangeSelector/DateTimeScale/React/index.html b/apps/demos/Demos/RangeSelector/DateTimeScale/React/index.html
index 798562b68bc3..7b47950bbaff 100644
--- a/apps/demos/Demos/RangeSelector/DateTimeScale/React/index.html
+++ b/apps/demos/Demos/RangeSelector/DateTimeScale/React/index.html
@@ -5,20 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="dx-theme" data-theme="generic.light" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/RangeSelector/DateTimeScale/Vue/index.html b/apps/demos/Demos/RangeSelector/DateTimeScale/Vue/index.html
index ac930aaf0aed..7369a149272c 100644
--- a/apps/demos/Demos/RangeSelector/DateTimeScale/Vue/index.html
+++ b/apps/demos/Demos/RangeSelector/DateTimeScale/Vue/index.html
@@ -5,23 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="dx-theme" data-theme="generic.light" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/RangeSelector/DateTimeScaleLightweight/Angular/index.html b/apps/demos/Demos/RangeSelector/DateTimeScaleLightweight/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/RangeSelector/DateTimeScaleLightweight/Angular/index.html
+++ b/apps/demos/Demos/RangeSelector/DateTimeScaleLightweight/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/RangeSelector/DateTimeScaleLightweight/React/index.html b/apps/demos/Demos/RangeSelector/DateTimeScaleLightweight/React/index.html
index 798562b68bc3..7b47950bbaff 100644
--- a/apps/demos/Demos/RangeSelector/DateTimeScaleLightweight/React/index.html
+++ b/apps/demos/Demos/RangeSelector/DateTimeScaleLightweight/React/index.html
@@ -5,20 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="dx-theme" data-theme="generic.light" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/RangeSelector/DateTimeScaleLightweight/Vue/index.html b/apps/demos/Demos/RangeSelector/DateTimeScaleLightweight/Vue/index.html
index ac930aaf0aed..7369a149272c 100644
--- a/apps/demos/Demos/RangeSelector/DateTimeScaleLightweight/Vue/index.html
+++ b/apps/demos/Demos/RangeSelector/DateTimeScaleLightweight/Vue/index.html
@@ -5,23 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="dx-theme" data-theme="generic.light" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/RangeSelector/DiscreteScale/Angular/index.html b/apps/demos/Demos/RangeSelector/DiscreteScale/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/RangeSelector/DiscreteScale/Angular/index.html
+++ b/apps/demos/Demos/RangeSelector/DiscreteScale/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/RangeSelector/DiscreteScale/React/index.html b/apps/demos/Demos/RangeSelector/DiscreteScale/React/index.html
index 798562b68bc3..7b47950bbaff 100644
--- a/apps/demos/Demos/RangeSelector/DiscreteScale/React/index.html
+++ b/apps/demos/Demos/RangeSelector/DiscreteScale/React/index.html
@@ -5,20 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="dx-theme" data-theme="generic.light" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/RangeSelector/DiscreteScale/Vue/index.html b/apps/demos/Demos/RangeSelector/DiscreteScale/Vue/index.html
index ac930aaf0aed..7369a149272c 100644
--- a/apps/demos/Demos/RangeSelector/DiscreteScale/Vue/index.html
+++ b/apps/demos/Demos/RangeSelector/DiscreteScale/Vue/index.html
@@ -5,23 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="dx-theme" data-theme="generic.light" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/RangeSelector/EmbeddedChart/Angular/index.html b/apps/demos/Demos/RangeSelector/EmbeddedChart/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/RangeSelector/EmbeddedChart/Angular/index.html
+++ b/apps/demos/Demos/RangeSelector/EmbeddedChart/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/RangeSelector/EmbeddedChart/React/index.html b/apps/demos/Demos/RangeSelector/EmbeddedChart/React/index.html
index 798562b68bc3..7b47950bbaff 100644
--- a/apps/demos/Demos/RangeSelector/EmbeddedChart/React/index.html
+++ b/apps/demos/Demos/RangeSelector/EmbeddedChart/React/index.html
@@ -5,20 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="dx-theme" data-theme="generic.light" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/RangeSelector/EmbeddedChart/Vue/index.html b/apps/demos/Demos/RangeSelector/EmbeddedChart/Vue/index.html
index ac930aaf0aed..7369a149272c 100644
--- a/apps/demos/Demos/RangeSelector/EmbeddedChart/Vue/index.html
+++ b/apps/demos/Demos/RangeSelector/EmbeddedChart/Vue/index.html
@@ -5,23 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="dx-theme" data-theme="generic.light" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/RangeSelector/EmbeddedChartCustomized/Angular/index.html b/apps/demos/Demos/RangeSelector/EmbeddedChartCustomized/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/RangeSelector/EmbeddedChartCustomized/Angular/index.html
+++ b/apps/demos/Demos/RangeSelector/EmbeddedChartCustomized/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/RangeSelector/EmbeddedChartCustomized/React/index.html b/apps/demos/Demos/RangeSelector/EmbeddedChartCustomized/React/index.html
index 798562b68bc3..7b47950bbaff 100644
--- a/apps/demos/Demos/RangeSelector/EmbeddedChartCustomized/React/index.html
+++ b/apps/demos/Demos/RangeSelector/EmbeddedChartCustomized/React/index.html
@@ -5,20 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="dx-theme" data-theme="generic.light" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/RangeSelector/EmbeddedChartCustomized/Vue/index.html b/apps/demos/Demos/RangeSelector/EmbeddedChartCustomized/Vue/index.html
index ac930aaf0aed..7369a149272c 100644
--- a/apps/demos/Demos/RangeSelector/EmbeddedChartCustomized/Vue/index.html
+++ b/apps/demos/Demos/RangeSelector/EmbeddedChartCustomized/Vue/index.html
@@ -5,23 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="dx-theme" data-theme="generic.light" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/RangeSelector/EmbeddedChartSeriesTemplate/Angular/index.html b/apps/demos/Demos/RangeSelector/EmbeddedChartSeriesTemplate/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/RangeSelector/EmbeddedChartSeriesTemplate/Angular/index.html
+++ b/apps/demos/Demos/RangeSelector/EmbeddedChartSeriesTemplate/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/RangeSelector/EmbeddedChartSeriesTemplate/React/index.html b/apps/demos/Demos/RangeSelector/EmbeddedChartSeriesTemplate/React/index.html
index 798562b68bc3..7b47950bbaff 100644
--- a/apps/demos/Demos/RangeSelector/EmbeddedChartSeriesTemplate/React/index.html
+++ b/apps/demos/Demos/RangeSelector/EmbeddedChartSeriesTemplate/React/index.html
@@ -5,20 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="dx-theme" data-theme="generic.light" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/RangeSelector/EmbeddedChartSeriesTemplate/Vue/index.html b/apps/demos/Demos/RangeSelector/EmbeddedChartSeriesTemplate/Vue/index.html
index ac930aaf0aed..7369a149272c 100644
--- a/apps/demos/Demos/RangeSelector/EmbeddedChartSeriesTemplate/Vue/index.html
+++ b/apps/demos/Demos/RangeSelector/EmbeddedChartSeriesTemplate/Vue/index.html
@@ -5,23 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="dx-theme" data-theme="generic.light" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/RangeSelector/Filter/Angular/index.html b/apps/demos/Demos/RangeSelector/Filter/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/RangeSelector/Filter/Angular/index.html
+++ b/apps/demos/Demos/RangeSelector/Filter/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/RangeSelector/Filter/React/index.html b/apps/demos/Demos/RangeSelector/Filter/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/RangeSelector/Filter/React/index.html
+++ b/apps/demos/Demos/RangeSelector/Filter/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/RangeSelector/Filter/Vue/index.html b/apps/demos/Demos/RangeSelector/Filter/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/RangeSelector/Filter/Vue/index.html
+++ b/apps/demos/Demos/RangeSelector/Filter/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/RangeSelector/LogarithmicScale/Angular/index.html b/apps/demos/Demos/RangeSelector/LogarithmicScale/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/RangeSelector/LogarithmicScale/Angular/index.html
+++ b/apps/demos/Demos/RangeSelector/LogarithmicScale/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/RangeSelector/LogarithmicScale/React/index.html b/apps/demos/Demos/RangeSelector/LogarithmicScale/React/index.html
index 798562b68bc3..7b47950bbaff 100644
--- a/apps/demos/Demos/RangeSelector/LogarithmicScale/React/index.html
+++ b/apps/demos/Demos/RangeSelector/LogarithmicScale/React/index.html
@@ -5,20 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="dx-theme" data-theme="generic.light" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/RangeSelector/LogarithmicScale/Vue/index.html b/apps/demos/Demos/RangeSelector/LogarithmicScale/Vue/index.html
index ac930aaf0aed..7369a149272c 100644
--- a/apps/demos/Demos/RangeSelector/LogarithmicScale/Vue/index.html
+++ b/apps/demos/Demos/RangeSelector/LogarithmicScale/Vue/index.html
@@ -5,23 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="dx-theme" data-theme="generic.light" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/RangeSelector/NumericScale/Angular/index.html b/apps/demos/Demos/RangeSelector/NumericScale/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/RangeSelector/NumericScale/Angular/index.html
+++ b/apps/demos/Demos/RangeSelector/NumericScale/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/RangeSelector/NumericScale/React/index.html b/apps/demos/Demos/RangeSelector/NumericScale/React/index.html
index 798562b68bc3..7b47950bbaff 100644
--- a/apps/demos/Demos/RangeSelector/NumericScale/React/index.html
+++ b/apps/demos/Demos/RangeSelector/NumericScale/React/index.html
@@ -5,20 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="dx-theme" data-theme="generic.light" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/RangeSelector/NumericScale/Vue/index.html b/apps/demos/Demos/RangeSelector/NumericScale/Vue/index.html
index ac930aaf0aed..7369a149272c 100644
--- a/apps/demos/Demos/RangeSelector/NumericScale/Vue/index.html
+++ b/apps/demos/Demos/RangeSelector/NumericScale/Vue/index.html
@@ -5,23 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="dx-theme" data-theme="generic.light" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/RangeSelector/NumericScaleLightweight/Angular/index.html b/apps/demos/Demos/RangeSelector/NumericScaleLightweight/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/RangeSelector/NumericScaleLightweight/Angular/index.html
+++ b/apps/demos/Demos/RangeSelector/NumericScaleLightweight/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/RangeSelector/NumericScaleLightweight/React/index.html b/apps/demos/Demos/RangeSelector/NumericScaleLightweight/React/index.html
index 798562b68bc3..7b47950bbaff 100644
--- a/apps/demos/Demos/RangeSelector/NumericScaleLightweight/React/index.html
+++ b/apps/demos/Demos/RangeSelector/NumericScaleLightweight/React/index.html
@@ -5,20 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="dx-theme" data-theme="generic.light" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/RangeSelector/NumericScaleLightweight/Vue/index.html b/apps/demos/Demos/RangeSelector/NumericScaleLightweight/Vue/index.html
index ac930aaf0aed..7369a149272c 100644
--- a/apps/demos/Demos/RangeSelector/NumericScaleLightweight/Vue/index.html
+++ b/apps/demos/Demos/RangeSelector/NumericScaleLightweight/Vue/index.html
@@ -5,23 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="dx-theme" data-theme="generic.light" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/RangeSlider/Overview/Angular/index.html b/apps/demos/Demos/RangeSlider/Overview/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/RangeSlider/Overview/Angular/index.html
+++ b/apps/demos/Demos/RangeSlider/Overview/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/RangeSlider/Overview/React/index.html b/apps/demos/Demos/RangeSlider/Overview/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/RangeSlider/Overview/React/index.html
+++ b/apps/demos/Demos/RangeSlider/Overview/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/RangeSlider/Overview/Vue/index.html b/apps/demos/Demos/RangeSlider/Overview/Vue/index.html
index 53778bd14ad3..7369a149272c 100644
--- a/apps/demos/Demos/RangeSlider/Overview/Vue/index.html
+++ b/apps/demos/Demos/RangeSlider/Overview/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Resizable/Overview/Angular/index.html b/apps/demos/Demos/Resizable/Overview/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Resizable/Overview/Angular/index.html
+++ b/apps/demos/Demos/Resizable/Overview/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Resizable/Overview/React/index.html b/apps/demos/Demos/Resizable/Overview/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Resizable/Overview/React/index.html
+++ b/apps/demos/Demos/Resizable/Overview/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Resizable/Overview/Vue/index.html b/apps/demos/Demos/Resizable/Overview/Vue/index.html
index 53778bd14ad3..7369a149272c 100644
--- a/apps/demos/Demos/Resizable/Overview/Vue/index.html
+++ b/apps/demos/Demos/Resizable/Overview/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/ResponsiveBox/Overview/Angular/index.html b/apps/demos/Demos/ResponsiveBox/Overview/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/ResponsiveBox/Overview/Angular/index.html
+++ b/apps/demos/Demos/ResponsiveBox/Overview/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/ResponsiveBox/Overview/React/index.html b/apps/demos/Demos/ResponsiveBox/Overview/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/ResponsiveBox/Overview/React/index.html
+++ b/apps/demos/Demos/ResponsiveBox/Overview/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/ResponsiveBox/Overview/Vue/index.html b/apps/demos/Demos/ResponsiveBox/Overview/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/ResponsiveBox/Overview/Vue/index.html
+++ b/apps/demos/Demos/ResponsiveBox/Overview/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/Adaptability/Angular/index.html b/apps/demos/Demos/Scheduler/Adaptability/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Scheduler/Adaptability/Angular/index.html
+++ b/apps/demos/Demos/Scheduler/Adaptability/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/Adaptability/React/index.html b/apps/demos/Demos/Scheduler/Adaptability/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Scheduler/Adaptability/React/index.html
+++ b/apps/demos/Demos/Scheduler/Adaptability/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/Adaptability/Vue/index.html b/apps/demos/Demos/Scheduler/Adaptability/Vue/index.html
index 53778bd14ad3..7369a149272c 100644
--- a/apps/demos/Demos/Scheduler/Adaptability/Vue/index.html
+++ b/apps/demos/Demos/Scheduler/Adaptability/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/Agenda/Angular/index.html b/apps/demos/Demos/Scheduler/Agenda/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Scheduler/Agenda/Angular/index.html
+++ b/apps/demos/Demos/Scheduler/Agenda/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/Agenda/React/index.html b/apps/demos/Demos/Scheduler/Agenda/React/index.html
index cfb9b3aa6769..1da2da79d709 100644
--- a/apps/demos/Demos/Scheduler/Agenda/React/index.html
+++ b/apps/demos/Demos/Scheduler/Agenda/React/index.html
@@ -6,18 +6,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/Agenda/Vue/index.html b/apps/demos/Demos/Scheduler/Agenda/Vue/index.html
index c90687f1390f..fb771a33adc4 100644
--- a/apps/demos/Demos/Scheduler/Agenda/Vue/index.html
+++ b/apps/demos/Demos/Scheduler/Agenda/Vue/index.html
@@ -6,22 +6,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/AllDayPanelMode/Angular/index.html b/apps/demos/Demos/Scheduler/AllDayPanelMode/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Scheduler/AllDayPanelMode/Angular/index.html
+++ b/apps/demos/Demos/Scheduler/AllDayPanelMode/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/AllDayPanelMode/React/index.html b/apps/demos/Demos/Scheduler/AllDayPanelMode/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Scheduler/AllDayPanelMode/React/index.html
+++ b/apps/demos/Demos/Scheduler/AllDayPanelMode/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/AllDayPanelMode/Vue/index.html b/apps/demos/Demos/Scheduler/AllDayPanelMode/Vue/index.html
index 53778bd14ad3..7369a149272c 100644
--- a/apps/demos/Demos/Scheduler/AllDayPanelMode/Vue/index.html
+++ b/apps/demos/Demos/Scheduler/AllDayPanelMode/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/AppointmentCountPerCell/Angular/index.html b/apps/demos/Demos/Scheduler/AppointmentCountPerCell/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Scheduler/AppointmentCountPerCell/Angular/index.html
+++ b/apps/demos/Demos/Scheduler/AppointmentCountPerCell/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/AppointmentCountPerCell/React/index.html b/apps/demos/Demos/Scheduler/AppointmentCountPerCell/React/index.html
index cfb9b3aa6769..1da2da79d709 100644
--- a/apps/demos/Demos/Scheduler/AppointmentCountPerCell/React/index.html
+++ b/apps/demos/Demos/Scheduler/AppointmentCountPerCell/React/index.html
@@ -6,18 +6,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/AppointmentCountPerCell/Vue/index.html b/apps/demos/Demos/Scheduler/AppointmentCountPerCell/Vue/index.html
index c90687f1390f..fb771a33adc4 100644
--- a/apps/demos/Demos/Scheduler/AppointmentCountPerCell/Vue/index.html
+++ b/apps/demos/Demos/Scheduler/AppointmentCountPerCell/Vue/index.html
@@ -6,22 +6,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/BasicViews/Angular/index.html b/apps/demos/Demos/Scheduler/BasicViews/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Scheduler/BasicViews/Angular/index.html
+++ b/apps/demos/Demos/Scheduler/BasicViews/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/BasicViews/React/index.html b/apps/demos/Demos/Scheduler/BasicViews/React/index.html
index cfb9b3aa6769..1da2da79d709 100644
--- a/apps/demos/Demos/Scheduler/BasicViews/React/index.html
+++ b/apps/demos/Demos/Scheduler/BasicViews/React/index.html
@@ -6,18 +6,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/BasicViews/Vue/index.html b/apps/demos/Demos/Scheduler/BasicViews/Vue/index.html
index c90687f1390f..fb771a33adc4 100644
--- a/apps/demos/Demos/Scheduler/BasicViews/Vue/index.html
+++ b/apps/demos/Demos/Scheduler/BasicViews/Vue/index.html
@@ -6,22 +6,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/CellTemplates/Angular/index.html b/apps/demos/Demos/Scheduler/CellTemplates/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Scheduler/CellTemplates/Angular/index.html
+++ b/apps/demos/Demos/Scheduler/CellTemplates/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/CellTemplates/React/index.html b/apps/demos/Demos/Scheduler/CellTemplates/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Scheduler/CellTemplates/React/index.html
+++ b/apps/demos/Demos/Scheduler/CellTemplates/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/CellTemplates/Vue/index.html b/apps/demos/Demos/Scheduler/CellTemplates/Vue/index.html
index a2bccf53dec3..7369a149272c 100644
--- a/apps/demos/Demos/Scheduler/CellTemplates/Vue/index.html
+++ b/apps/demos/Demos/Scheduler/CellTemplates/Vue/index.html
@@ -6,28 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/ContextMenu/Angular/index.html b/apps/demos/Demos/Scheduler/ContextMenu/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Scheduler/ContextMenu/Angular/index.html
+++ b/apps/demos/Demos/Scheduler/ContextMenu/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/ContextMenu/React/index.html b/apps/demos/Demos/Scheduler/ContextMenu/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Scheduler/ContextMenu/React/index.html
+++ b/apps/demos/Demos/Scheduler/ContextMenu/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/ContextMenu/Vue/index.html b/apps/demos/Demos/Scheduler/ContextMenu/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Scheduler/ContextMenu/Vue/index.html
+++ b/apps/demos/Demos/Scheduler/ContextMenu/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/CreateFromSelection/Angular/index.html b/apps/demos/Demos/Scheduler/CreateFromSelection/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Scheduler/CreateFromSelection/Angular/index.html
+++ b/apps/demos/Demos/Scheduler/CreateFromSelection/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/CreateFromSelection/React/index.html b/apps/demos/Demos/Scheduler/CreateFromSelection/React/index.html
index ee451f8288ff..1da2da79d709 100644
--- a/apps/demos/Demos/Scheduler/CreateFromSelection/React/index.html
+++ b/apps/demos/Demos/Scheduler/CreateFromSelection/React/index.html
@@ -6,19 +6,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/CreateFromSelection/Vue/index.html b/apps/demos/Demos/Scheduler/CreateFromSelection/Vue/index.html
index c90687f1390f..fb771a33adc4 100644
--- a/apps/demos/Demos/Scheduler/CreateFromSelection/Vue/index.html
+++ b/apps/demos/Demos/Scheduler/CreateFromSelection/Vue/index.html
@@ -6,22 +6,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/CurrentTimeIndicator/Angular/index.html b/apps/demos/Demos/Scheduler/CurrentTimeIndicator/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Scheduler/CurrentTimeIndicator/Angular/index.html
+++ b/apps/demos/Demos/Scheduler/CurrentTimeIndicator/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/CurrentTimeIndicator/React/index.html b/apps/demos/Demos/Scheduler/CurrentTimeIndicator/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Scheduler/CurrentTimeIndicator/React/index.html
+++ b/apps/demos/Demos/Scheduler/CurrentTimeIndicator/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/CurrentTimeIndicator/Vue/index.html b/apps/demos/Demos/Scheduler/CurrentTimeIndicator/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Scheduler/CurrentTimeIndicator/Vue/index.html
+++ b/apps/demos/Demos/Scheduler/CurrentTimeIndicator/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/CustomViewDuration/Angular/index.html b/apps/demos/Demos/Scheduler/CustomViewDuration/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Scheduler/CustomViewDuration/Angular/index.html
+++ b/apps/demos/Demos/Scheduler/CustomViewDuration/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/CustomViewDuration/React/index.html b/apps/demos/Demos/Scheduler/CustomViewDuration/React/index.html
index cfb9b3aa6769..1da2da79d709 100644
--- a/apps/demos/Demos/Scheduler/CustomViewDuration/React/index.html
+++ b/apps/demos/Demos/Scheduler/CustomViewDuration/React/index.html
@@ -6,18 +6,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/CustomViewDuration/Vue/index.html b/apps/demos/Demos/Scheduler/CustomViewDuration/Vue/index.html
index c90687f1390f..fb771a33adc4 100644
--- a/apps/demos/Demos/Scheduler/CustomViewDuration/Vue/index.html
+++ b/apps/demos/Demos/Scheduler/CustomViewDuration/Vue/index.html
@@ -6,22 +6,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/DragAndDrop/Angular/index.html b/apps/demos/Demos/Scheduler/DragAndDrop/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Scheduler/DragAndDrop/Angular/index.html
+++ b/apps/demos/Demos/Scheduler/DragAndDrop/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/DragAndDrop/React/index.html b/apps/demos/Demos/Scheduler/DragAndDrop/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Scheduler/DragAndDrop/React/index.html
+++ b/apps/demos/Demos/Scheduler/DragAndDrop/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/DragAndDrop/Vue/index.html b/apps/demos/Demos/Scheduler/DragAndDrop/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Scheduler/DragAndDrop/Vue/index.html
+++ b/apps/demos/Demos/Scheduler/DragAndDrop/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/Editing/Angular/index.html b/apps/demos/Demos/Scheduler/Editing/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Scheduler/Editing/Angular/index.html
+++ b/apps/demos/Demos/Scheduler/Editing/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/Editing/React/index.html b/apps/demos/Demos/Scheduler/Editing/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Scheduler/Editing/React/index.html
+++ b/apps/demos/Demos/Scheduler/Editing/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/Editing/Vue/index.html b/apps/demos/Demos/Scheduler/Editing/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Scheduler/Editing/Vue/index.html
+++ b/apps/demos/Demos/Scheduler/Editing/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/GoogleCalendarIntegration/Angular/index.html b/apps/demos/Demos/Scheduler/GoogleCalendarIntegration/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Scheduler/GoogleCalendarIntegration/Angular/index.html
+++ b/apps/demos/Demos/Scheduler/GoogleCalendarIntegration/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/GoogleCalendarIntegration/React/index.html b/apps/demos/Demos/Scheduler/GoogleCalendarIntegration/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Scheduler/GoogleCalendarIntegration/React/index.html
+++ b/apps/demos/Demos/Scheduler/GoogleCalendarIntegration/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/GoogleCalendarIntegration/Vue/index.html b/apps/demos/Demos/Scheduler/GoogleCalendarIntegration/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Scheduler/GoogleCalendarIntegration/Vue/index.html
+++ b/apps/demos/Demos/Scheduler/GoogleCalendarIntegration/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/GroupByDate/Angular/index.html b/apps/demos/Demos/Scheduler/GroupByDate/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Scheduler/GroupByDate/Angular/index.html
+++ b/apps/demos/Demos/Scheduler/GroupByDate/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/GroupByDate/React/index.html b/apps/demos/Demos/Scheduler/GroupByDate/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Scheduler/GroupByDate/React/index.html
+++ b/apps/demos/Demos/Scheduler/GroupByDate/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/GroupByDate/Vue/index.html b/apps/demos/Demos/Scheduler/GroupByDate/Vue/index.html
index b2c47289dd9b..7369a149272c 100644
--- a/apps/demos/Demos/Scheduler/GroupByDate/Vue/index.html
+++ b/apps/demos/Demos/Scheduler/GroupByDate/Vue/index.html
@@ -1,5 +1,4 @@
 <!DOCTYPE html>
-
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
@@ -7,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/GroupingByResources/Angular/index.html b/apps/demos/Demos/Scheduler/GroupingByResources/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Scheduler/GroupingByResources/Angular/index.html
+++ b/apps/demos/Demos/Scheduler/GroupingByResources/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/GroupingByResources/React/index.html b/apps/demos/Demos/Scheduler/GroupingByResources/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Scheduler/GroupingByResources/React/index.html
+++ b/apps/demos/Demos/Scheduler/GroupingByResources/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/GroupingByResources/Vue/index.html b/apps/demos/Demos/Scheduler/GroupingByResources/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Scheduler/GroupingByResources/Vue/index.html
+++ b/apps/demos/Demos/Scheduler/GroupingByResources/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/HiddenDays/Angular/index.html b/apps/demos/Demos/Scheduler/HiddenDays/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Scheduler/HiddenDays/Angular/index.html
+++ b/apps/demos/Demos/Scheduler/HiddenDays/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/HiddenDays/React/index.html b/apps/demos/Demos/Scheduler/HiddenDays/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Scheduler/HiddenDays/React/index.html
+++ b/apps/demos/Demos/Scheduler/HiddenDays/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/HiddenDays/Vue/index.html b/apps/demos/Demos/Scheduler/HiddenDays/Vue/index.html
index 53778bd14ad3..7369a149272c 100644
--- a/apps/demos/Demos/Scheduler/HiddenDays/Vue/index.html
+++ b/apps/demos/Demos/Scheduler/HiddenDays/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/IndividualViewsCustomization/Angular/index.html b/apps/demos/Demos/Scheduler/IndividualViewsCustomization/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Scheduler/IndividualViewsCustomization/Angular/index.html
+++ b/apps/demos/Demos/Scheduler/IndividualViewsCustomization/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/IndividualViewsCustomization/React/index.html b/apps/demos/Demos/Scheduler/IndividualViewsCustomization/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Scheduler/IndividualViewsCustomization/React/index.html
+++ b/apps/demos/Demos/Scheduler/IndividualViewsCustomization/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/IndividualViewsCustomization/Vue/index.html b/apps/demos/Demos/Scheduler/IndividualViewsCustomization/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Scheduler/IndividualViewsCustomization/Vue/index.html
+++ b/apps/demos/Demos/Scheduler/IndividualViewsCustomization/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/Overview/Angular/index.html b/apps/demos/Demos/Scheduler/Overview/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Scheduler/Overview/Angular/index.html
+++ b/apps/demos/Demos/Scheduler/Overview/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/Overview/React/index.html b/apps/demos/Demos/Scheduler/Overview/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Scheduler/Overview/React/index.html
+++ b/apps/demos/Demos/Scheduler/Overview/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/Overview/Vue/index.html b/apps/demos/Demos/Scheduler/Overview/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Scheduler/Overview/Vue/index.html
+++ b/apps/demos/Demos/Scheduler/Overview/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/RecurringAppointments/Angular/index.html b/apps/demos/Demos/Scheduler/RecurringAppointments/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Scheduler/RecurringAppointments/Angular/index.html
+++ b/apps/demos/Demos/Scheduler/RecurringAppointments/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/RecurringAppointments/React/index.html b/apps/demos/Demos/Scheduler/RecurringAppointments/React/index.html
index cfb9b3aa6769..1da2da79d709 100644
--- a/apps/demos/Demos/Scheduler/RecurringAppointments/React/index.html
+++ b/apps/demos/Demos/Scheduler/RecurringAppointments/React/index.html
@@ -6,18 +6,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/RecurringAppointments/Vue/index.html b/apps/demos/Demos/Scheduler/RecurringAppointments/Vue/index.html
index c90687f1390f..fb771a33adc4 100644
--- a/apps/demos/Demos/Scheduler/RecurringAppointments/Vue/index.html
+++ b/apps/demos/Demos/Scheduler/RecurringAppointments/Vue/index.html
@@ -6,22 +6,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/ResolveTimeConflicts/Angular/index.html b/apps/demos/Demos/Scheduler/ResolveTimeConflicts/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Scheduler/ResolveTimeConflicts/Angular/index.html
+++ b/apps/demos/Demos/Scheduler/ResolveTimeConflicts/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/ResolveTimeConflicts/React/index.html b/apps/demos/Demos/Scheduler/ResolveTimeConflicts/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Scheduler/ResolveTimeConflicts/React/index.html
+++ b/apps/demos/Demos/Scheduler/ResolveTimeConflicts/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/ResolveTimeConflicts/Vue/index.html b/apps/demos/Demos/Scheduler/ResolveTimeConflicts/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Scheduler/ResolveTimeConflicts/Vue/index.html
+++ b/apps/demos/Demos/Scheduler/ResolveTimeConflicts/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/Resources/Angular/index.html b/apps/demos/Demos/Scheduler/Resources/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Scheduler/Resources/Angular/index.html
+++ b/apps/demos/Demos/Scheduler/Resources/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/Resources/React/index.html b/apps/demos/Demos/Scheduler/Resources/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Scheduler/Resources/React/index.html
+++ b/apps/demos/Demos/Scheduler/Resources/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/Resources/Vue/index.html b/apps/demos/Demos/Scheduler/Resources/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Scheduler/Resources/Vue/index.html
+++ b/apps/demos/Demos/Scheduler/Resources/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/SignalRService/Angular/index.html b/apps/demos/Demos/Scheduler/SignalRService/Angular/index.html
index 4760eceffb1a..7dd155b53981 100644
--- a/apps/demos/Demos/Scheduler/SignalRService/Angular/index.html
+++ b/apps/demos/Demos/Scheduler/SignalRService/Angular/index.html
@@ -1,27 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script src="../signalr-session-id.js"></script>
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/SignalRService/React/index.html b/apps/demos/Demos/Scheduler/SignalRService/React/index.html
index 4326ca1f221a..7b47950bbaff 100644
--- a/apps/demos/Demos/Scheduler/SignalRService/React/index.html
+++ b/apps/demos/Demos/Scheduler/SignalRService/React/index.html
@@ -6,20 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script src="../signalr-session-id.js"></script>
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/SignalRService/Vue/index.html b/apps/demos/Demos/Scheduler/SignalRService/Vue/index.html
index 8e6fa13598d8..7369a149272c 100644
--- a/apps/demos/Demos/Scheduler/SignalRService/Vue/index.html
+++ b/apps/demos/Demos/Scheduler/SignalRService/Vue/index.html
@@ -6,24 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../signalr-session-id.js"></script>
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/SimpleArray/Angular/index.html b/apps/demos/Demos/Scheduler/SimpleArray/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Scheduler/SimpleArray/Angular/index.html
+++ b/apps/demos/Demos/Scheduler/SimpleArray/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/SimpleArray/React/index.html b/apps/demos/Demos/Scheduler/SimpleArray/React/index.html
index cfb9b3aa6769..1da2da79d709 100644
--- a/apps/demos/Demos/Scheduler/SimpleArray/React/index.html
+++ b/apps/demos/Demos/Scheduler/SimpleArray/React/index.html
@@ -6,18 +6,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/SimpleArray/Vue/index.html b/apps/demos/Demos/Scheduler/SimpleArray/Vue/index.html
index c90687f1390f..fb771a33adc4 100644
--- a/apps/demos/Demos/Scheduler/SimpleArray/Vue/index.html
+++ b/apps/demos/Demos/Scheduler/SimpleArray/Vue/index.html
@@ -6,22 +6,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/Templates/Angular/index.html b/apps/demos/Demos/Scheduler/Templates/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Scheduler/Templates/Angular/index.html
+++ b/apps/demos/Demos/Scheduler/Templates/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/Templates/React/index.html b/apps/demos/Demos/Scheduler/Templates/React/index.html
index b6ca3fc60364..e3cb17f9591c 100644
--- a/apps/demos/Demos/Scheduler/Templates/React/index.html
+++ b/apps/demos/Demos/Scheduler/Templates/React/index.html
@@ -6,19 +6,13 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div class="long-title"><h3>DXCinema Show Times</h3></div>
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/Templates/Vue/index.html b/apps/demos/Demos/Scheduler/Templates/Vue/index.html
index 0631e671f9d9..0f5536c9a1d2 100644
--- a/apps/demos/Demos/Scheduler/Templates/Vue/index.html
+++ b/apps/demos/Demos/Scheduler/Templates/Vue/index.html
@@ -5,26 +5,14 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/jquery/dist/jquery.min.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div class="long-title"><h3>DXCinema Show Times</h3></div>
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/TimeZonesSupport/Angular/index.html b/apps/demos/Demos/Scheduler/TimeZonesSupport/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Scheduler/TimeZonesSupport/Angular/index.html
+++ b/apps/demos/Demos/Scheduler/TimeZonesSupport/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/TimeZonesSupport/React/index.html b/apps/demos/Demos/Scheduler/TimeZonesSupport/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Scheduler/TimeZonesSupport/React/index.html
+++ b/apps/demos/Demos/Scheduler/TimeZonesSupport/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/TimeZonesSupport/Vue/index.html b/apps/demos/Demos/Scheduler/TimeZonesSupport/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Scheduler/TimeZonesSupport/Vue/index.html
+++ b/apps/demos/Demos/Scheduler/TimeZonesSupport/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/Timelines/Angular/index.html b/apps/demos/Demos/Scheduler/Timelines/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Scheduler/Timelines/Angular/index.html
+++ b/apps/demos/Demos/Scheduler/Timelines/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/Timelines/React/index.html b/apps/demos/Demos/Scheduler/Timelines/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Scheduler/Timelines/React/index.html
+++ b/apps/demos/Demos/Scheduler/Timelines/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/Timelines/Vue/index.html b/apps/demos/Demos/Scheduler/Timelines/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Scheduler/Timelines/Vue/index.html
+++ b/apps/demos/Demos/Scheduler/Timelines/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/Toolbar/Angular/index.html b/apps/demos/Demos/Scheduler/Toolbar/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Scheduler/Toolbar/Angular/index.html
+++ b/apps/demos/Demos/Scheduler/Toolbar/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/Toolbar/React/index.html b/apps/demos/Demos/Scheduler/Toolbar/React/index.html
index cfb9b3aa6769..1da2da79d709 100644
--- a/apps/demos/Demos/Scheduler/Toolbar/React/index.html
+++ b/apps/demos/Demos/Scheduler/Toolbar/React/index.html
@@ -6,18 +6,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/Toolbar/Vue/index.html b/apps/demos/Demos/Scheduler/Toolbar/Vue/index.html
index c90687f1390f..fb771a33adc4 100644
--- a/apps/demos/Demos/Scheduler/Toolbar/Vue/index.html
+++ b/apps/demos/Demos/Scheduler/Toolbar/Vue/index.html
@@ -6,22 +6,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/VirtualScrolling/Angular/index.html b/apps/demos/Demos/Scheduler/VirtualScrolling/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Scheduler/VirtualScrolling/Angular/index.html
+++ b/apps/demos/Demos/Scheduler/VirtualScrolling/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/VirtualScrolling/React/index.html b/apps/demos/Demos/Scheduler/VirtualScrolling/React/index.html
index cf8b8c36d3a3..46a2868ee988 100644
--- a/apps/demos/Demos/Scheduler/VirtualScrolling/React/index.html
+++ b/apps/demos/Demos/Scheduler/VirtualScrolling/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="scheduler"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/VirtualScrolling/Vue/index.html b/apps/demos/Demos/Scheduler/VirtualScrolling/Vue/index.html
index 349d2ae87bc1..ce90d3d1ebce 100644
--- a/apps/demos/Demos/Scheduler/VirtualScrolling/Vue/index.html
+++ b/apps/demos/Demos/Scheduler/VirtualScrolling/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="scheduler"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/WebAPIService/Angular/index.html b/apps/demos/Demos/Scheduler/WebAPIService/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Scheduler/WebAPIService/Angular/index.html
+++ b/apps/demos/Demos/Scheduler/WebAPIService/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/WebAPIService/React/index.html b/apps/demos/Demos/Scheduler/WebAPIService/React/index.html
index cfb9b3aa6769..1da2da79d709 100644
--- a/apps/demos/Demos/Scheduler/WebAPIService/React/index.html
+++ b/apps/demos/Demos/Scheduler/WebAPIService/React/index.html
@@ -6,18 +6,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/WebAPIService/Vue/index.html b/apps/demos/Demos/Scheduler/WebAPIService/Vue/index.html
index c90687f1390f..fb771a33adc4 100644
--- a/apps/demos/Demos/Scheduler/WebAPIService/Vue/index.html
+++ b/apps/demos/Demos/Scheduler/WebAPIService/Vue/index.html
@@ -6,22 +6,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/WorkShifts/Angular/index.html b/apps/demos/Demos/Scheduler/WorkShifts/Angular/index.html
index d6cce972f42b..7dd155b53981 100644
--- a/apps/demos/Demos/Scheduler/WorkShifts/Angular/index.html
+++ b/apps/demos/Demos/Scheduler/WorkShifts/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme/dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/WorkShifts/React/index.html b/apps/demos/Demos/Scheduler/WorkShifts/React/index.html
index 20744f49da9b..7b47950bbaff 100644
--- a/apps/demos/Demos/Scheduler/WorkShifts/React/index.html
+++ b/apps/demos/Demos/Scheduler/WorkShifts/React/index.html
@@ -6,18 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/WorkShifts/Vue/index.html b/apps/demos/Demos/Scheduler/WorkShifts/Vue/index.html
index fa645c45918f..7b47950bbaff 100644
--- a/apps/demos/Demos/Scheduler/WorkShifts/Vue/index.html
+++ b/apps/demos/Demos/Scheduler/WorkShifts/Vue/index.html
@@ -5,24 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme/dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/ScrollView/Overview/Angular/index.html b/apps/demos/Demos/ScrollView/Overview/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/ScrollView/Overview/Angular/index.html
+++ b/apps/demos/Demos/ScrollView/Overview/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/ScrollView/Overview/React/index.html b/apps/demos/Demos/ScrollView/Overview/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/ScrollView/Overview/React/index.html
+++ b/apps/demos/Demos/ScrollView/Overview/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/ScrollView/Overview/Vue/index.html b/apps/demos/Demos/ScrollView/Overview/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/ScrollView/Overview/Vue/index.html
+++ b/apps/demos/Demos/ScrollView/Overview/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/SelectBox/CustomizeDropDownButton/Angular/index.html b/apps/demos/Demos/SelectBox/CustomizeDropDownButton/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/SelectBox/CustomizeDropDownButton/Angular/index.html
+++ b/apps/demos/Demos/SelectBox/CustomizeDropDownButton/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/SelectBox/CustomizeDropDownButton/React/index.html b/apps/demos/Demos/SelectBox/CustomizeDropDownButton/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/SelectBox/CustomizeDropDownButton/React/index.html
+++ b/apps/demos/Demos/SelectBox/CustomizeDropDownButton/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/SelectBox/CustomizeDropDownButton/Vue/index.html b/apps/demos/Demos/SelectBox/CustomizeDropDownButton/Vue/index.html
index f801653ebfc5..7369a149272c 100644
--- a/apps/demos/Demos/SelectBox/CustomizeDropDownButton/Vue/index.html
+++ b/apps/demos/Demos/SelectBox/CustomizeDropDownButton/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/SelectBox/Grouping/Angular/index.html b/apps/demos/Demos/SelectBox/Grouping/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/SelectBox/Grouping/Angular/index.html
+++ b/apps/demos/Demos/SelectBox/Grouping/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/SelectBox/Grouping/React/index.html b/apps/demos/Demos/SelectBox/Grouping/React/index.html
index 0a0215396830..7b47950bbaff 100644
--- a/apps/demos/Demos/SelectBox/Grouping/React/index.html
+++ b/apps/demos/Demos/SelectBox/Grouping/React/index.html
@@ -6,20 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/SelectBox/Grouping/Vue/index.html b/apps/demos/Demos/SelectBox/Grouping/Vue/index.html
index 478867f60deb..7369a149272c 100644
--- a/apps/demos/Demos/SelectBox/Grouping/Vue/index.html
+++ b/apps/demos/Demos/SelectBox/Grouping/Vue/index.html
@@ -6,24 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/SelectBox/Overview/Angular/index.html b/apps/demos/Demos/SelectBox/Overview/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/SelectBox/Overview/Angular/index.html
+++ b/apps/demos/Demos/SelectBox/Overview/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/SelectBox/Overview/React/index.html b/apps/demos/Demos/SelectBox/Overview/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/SelectBox/Overview/React/index.html
+++ b/apps/demos/Demos/SelectBox/Overview/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/SelectBox/Overview/Vue/index.html b/apps/demos/Demos/SelectBox/Overview/Vue/index.html
index 8b0eb3ef5402..7369a149272c 100644
--- a/apps/demos/Demos/SelectBox/Overview/Vue/index.html
+++ b/apps/demos/Demos/SelectBox/Overview/Vue/index.html
@@ -6,27 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/SelectBox/SearchAndEditing/Angular/index.html b/apps/demos/Demos/SelectBox/SearchAndEditing/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/SelectBox/SearchAndEditing/Angular/index.html
+++ b/apps/demos/Demos/SelectBox/SearchAndEditing/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/SelectBox/SearchAndEditing/React/index.html b/apps/demos/Demos/SelectBox/SearchAndEditing/React/index.html
index 0a0215396830..7b47950bbaff 100644
--- a/apps/demos/Demos/SelectBox/SearchAndEditing/React/index.html
+++ b/apps/demos/Demos/SelectBox/SearchAndEditing/React/index.html
@@ -6,20 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/SelectBox/SearchAndEditing/Vue/index.html b/apps/demos/Demos/SelectBox/SearchAndEditing/Vue/index.html
index 478867f60deb..7369a149272c 100644
--- a/apps/demos/Demos/SelectBox/SearchAndEditing/Vue/index.html
+++ b/apps/demos/Demos/SelectBox/SearchAndEditing/Vue/index.html
@@ -6,24 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Slider/Overview/Angular/index.html b/apps/demos/Demos/Slider/Overview/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Slider/Overview/Angular/index.html
+++ b/apps/demos/Demos/Slider/Overview/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Slider/Overview/React/index.html b/apps/demos/Demos/Slider/Overview/React/index.html
index 0a0215396830..7b47950bbaff 100644
--- a/apps/demos/Demos/Slider/Overview/React/index.html
+++ b/apps/demos/Demos/Slider/Overview/React/index.html
@@ -6,20 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Slider/Overview/Vue/index.html b/apps/demos/Demos/Slider/Overview/Vue/index.html
index 38174efd81d4..7369a149272c 100644
--- a/apps/demos/Demos/Slider/Overview/Vue/index.html
+++ b/apps/demos/Demos/Slider/Overview/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Sortable/Customization/Angular/index.html b/apps/demos/Demos/Sortable/Customization/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Sortable/Customization/Angular/index.html
+++ b/apps/demos/Demos/Sortable/Customization/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Sortable/Customization/React/index.html b/apps/demos/Demos/Sortable/Customization/React/index.html
index 0a0215396830..7b47950bbaff 100644
--- a/apps/demos/Demos/Sortable/Customization/React/index.html
+++ b/apps/demos/Demos/Sortable/Customization/React/index.html
@@ -6,20 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Sortable/Customization/Vue/index.html b/apps/demos/Demos/Sortable/Customization/Vue/index.html
index 38174efd81d4..7369a149272c 100644
--- a/apps/demos/Demos/Sortable/Customization/Vue/index.html
+++ b/apps/demos/Demos/Sortable/Customization/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Sortable/Kanban/Angular/index.html b/apps/demos/Demos/Sortable/Kanban/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Sortable/Kanban/Angular/index.html
+++ b/apps/demos/Demos/Sortable/Kanban/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Sortable/Kanban/React/index.html b/apps/demos/Demos/Sortable/Kanban/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Sortable/Kanban/React/index.html
+++ b/apps/demos/Demos/Sortable/Kanban/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Sortable/Kanban/Vue/index.html b/apps/demos/Demos/Sortable/Kanban/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Sortable/Kanban/Vue/index.html
+++ b/apps/demos/Demos/Sortable/Kanban/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/SpeechToText/Overview/Angular/index.html b/apps/demos/Demos/SpeechToText/Overview/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/SpeechToText/Overview/Angular/index.html
+++ b/apps/demos/Demos/SpeechToText/Overview/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/SpeechToText/Overview/React/index.html b/apps/demos/Demos/SpeechToText/Overview/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/SpeechToText/Overview/React/index.html
+++ b/apps/demos/Demos/SpeechToText/Overview/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/SpeechToText/Overview/Vue/index.html b/apps/demos/Demos/SpeechToText/Overview/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/SpeechToText/Overview/Vue/index.html
+++ b/apps/demos/Demos/SpeechToText/Overview/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Splitter/Overview/Angular/index.html b/apps/demos/Demos/Splitter/Overview/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Splitter/Overview/Angular/index.html
+++ b/apps/demos/Demos/Splitter/Overview/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Splitter/Overview/React/index.html b/apps/demos/Demos/Splitter/Overview/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Splitter/Overview/React/index.html
+++ b/apps/demos/Demos/Splitter/Overview/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Splitter/Overview/Vue/index.html b/apps/demos/Demos/Splitter/Overview/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Splitter/Overview/Vue/index.html
+++ b/apps/demos/Demos/Splitter/Overview/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Stepper/FormIntegration/Angular/index.html b/apps/demos/Demos/Stepper/FormIntegration/Angular/index.html
index d6cce972f42b..7dd155b53981 100644
--- a/apps/demos/Demos/Stepper/FormIntegration/Angular/index.html
+++ b/apps/demos/Demos/Stepper/FormIntegration/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme/dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Stepper/FormIntegration/React/index.html b/apps/demos/Demos/Stepper/FormIntegration/React/index.html
index 25b49930e8b3..7b47950bbaff 100644
--- a/apps/demos/Demos/Stepper/FormIntegration/React/index.html
+++ b/apps/demos/Demos/Stepper/FormIntegration/React/index.html
@@ -5,20 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme/dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Stepper/FormIntegration/Vue/index.html b/apps/demos/Demos/Stepper/FormIntegration/Vue/index.html
index fa645c45918f..7b47950bbaff 100644
--- a/apps/demos/Demos/Stepper/FormIntegration/Vue/index.html
+++ b/apps/demos/Demos/Stepper/FormIntegration/Vue/index.html
@@ -5,24 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme/dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Stepper/Overview/Angular/index.html b/apps/demos/Demos/Stepper/Overview/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Stepper/Overview/Angular/index.html
+++ b/apps/demos/Demos/Stepper/Overview/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Stepper/Overview/React/index.html b/apps/demos/Demos/Stepper/Overview/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Stepper/Overview/React/index.html
+++ b/apps/demos/Demos/Stepper/Overview/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Stepper/Overview/Vue/index.html b/apps/demos/Demos/Stepper/Overview/Vue/index.html
index f801653ebfc5..7369a149272c 100644
--- a/apps/demos/Demos/Stepper/Overview/Vue/index.html
+++ b/apps/demos/Demos/Stepper/Overview/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Stepper/StepTemplate/Angular/index.html b/apps/demos/Demos/Stepper/StepTemplate/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Stepper/StepTemplate/Angular/index.html
+++ b/apps/demos/Demos/Stepper/StepTemplate/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Stepper/StepTemplate/React/index.html b/apps/demos/Demos/Stepper/StepTemplate/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Stepper/StepTemplate/React/index.html
+++ b/apps/demos/Demos/Stepper/StepTemplate/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Stepper/StepTemplate/Vue/index.html b/apps/demos/Demos/Stepper/StepTemplate/Vue/index.html
index f801653ebfc5..7369a149272c 100644
--- a/apps/demos/Demos/Stepper/StepTemplate/Vue/index.html
+++ b/apps/demos/Demos/Stepper/StepTemplate/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Switch/Overview/Angular/index.html b/apps/demos/Demos/Switch/Overview/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Switch/Overview/Angular/index.html
+++ b/apps/demos/Demos/Switch/Overview/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Switch/Overview/React/index.html b/apps/demos/Demos/Switch/Overview/React/index.html
index cfb9b3aa6769..1da2da79d709 100644
--- a/apps/demos/Demos/Switch/Overview/React/index.html
+++ b/apps/demos/Demos/Switch/Overview/React/index.html
@@ -6,18 +6,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Switch/Overview/Vue/index.html b/apps/demos/Demos/Switch/Overview/Vue/index.html
index f801653ebfc5..fb771a33adc4 100644
--- a/apps/demos/Demos/Switch/Overview/Vue/index.html
+++ b/apps/demos/Demos/Switch/Overview/Vue/index.html
@@ -6,23 +6,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TabPanel/DragAndDrop/Angular/index.html b/apps/demos/Demos/TabPanel/DragAndDrop/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/TabPanel/DragAndDrop/Angular/index.html
+++ b/apps/demos/Demos/TabPanel/DragAndDrop/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TabPanel/DragAndDrop/React/index.html b/apps/demos/Demos/TabPanel/DragAndDrop/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/TabPanel/DragAndDrop/React/index.html
+++ b/apps/demos/Demos/TabPanel/DragAndDrop/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TabPanel/DragAndDrop/Vue/index.html b/apps/demos/Demos/TabPanel/DragAndDrop/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/TabPanel/DragAndDrop/Vue/index.html
+++ b/apps/demos/Demos/TabPanel/DragAndDrop/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TabPanel/Overview/Angular/index.html b/apps/demos/Demos/TabPanel/Overview/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/TabPanel/Overview/Angular/index.html
+++ b/apps/demos/Demos/TabPanel/Overview/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TabPanel/Overview/React/index.html b/apps/demos/Demos/TabPanel/Overview/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/TabPanel/Overview/React/index.html
+++ b/apps/demos/Demos/TabPanel/Overview/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TabPanel/Overview/Vue/index.html b/apps/demos/Demos/TabPanel/Overview/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/TabPanel/Overview/Vue/index.html
+++ b/apps/demos/Demos/TabPanel/Overview/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TabPanel/Templates/Angular/index.html b/apps/demos/Demos/TabPanel/Templates/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/TabPanel/Templates/Angular/index.html
+++ b/apps/demos/Demos/TabPanel/Templates/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TabPanel/Templates/React/index.html b/apps/demos/Demos/TabPanel/Templates/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/TabPanel/Templates/React/index.html
+++ b/apps/demos/Demos/TabPanel/Templates/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TabPanel/Templates/Vue/index.html b/apps/demos/Demos/TabPanel/Templates/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/TabPanel/Templates/Vue/index.html
+++ b/apps/demos/Demos/TabPanel/Templates/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Tabs/Overview/Angular/index.html b/apps/demos/Demos/Tabs/Overview/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Tabs/Overview/Angular/index.html
+++ b/apps/demos/Demos/Tabs/Overview/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Tabs/Overview/React/index.html b/apps/demos/Demos/Tabs/Overview/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Tabs/Overview/React/index.html
+++ b/apps/demos/Demos/Tabs/Overview/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Tabs/Overview/Vue/index.html b/apps/demos/Demos/Tabs/Overview/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Tabs/Overview/Vue/index.html
+++ b/apps/demos/Demos/Tabs/Overview/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Tabs/Selection/Angular/index.html b/apps/demos/Demos/Tabs/Selection/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Tabs/Selection/Angular/index.html
+++ b/apps/demos/Demos/Tabs/Selection/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Tabs/Selection/React/index.html b/apps/demos/Demos/Tabs/Selection/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Tabs/Selection/React/index.html
+++ b/apps/demos/Demos/Tabs/Selection/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Tabs/Selection/Vue/index.html b/apps/demos/Demos/Tabs/Selection/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Tabs/Selection/Vue/index.html
+++ b/apps/demos/Demos/Tabs/Selection/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TagBox/Grouping/Angular/index.html b/apps/demos/Demos/TagBox/Grouping/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/TagBox/Grouping/Angular/index.html
+++ b/apps/demos/Demos/TagBox/Grouping/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TagBox/Grouping/React/index.html b/apps/demos/Demos/TagBox/Grouping/React/index.html
index 0a0215396830..7b47950bbaff 100644
--- a/apps/demos/Demos/TagBox/Grouping/React/index.html
+++ b/apps/demos/Demos/TagBox/Grouping/React/index.html
@@ -6,20 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TagBox/Grouping/Vue/index.html b/apps/demos/Demos/TagBox/Grouping/Vue/index.html
index 478867f60deb..7369a149272c 100644
--- a/apps/demos/Demos/TagBox/Grouping/Vue/index.html
+++ b/apps/demos/Demos/TagBox/Grouping/Vue/index.html
@@ -6,24 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TagBox/Overview/Angular/index.html b/apps/demos/Demos/TagBox/Overview/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/TagBox/Overview/Angular/index.html
+++ b/apps/demos/Demos/TagBox/Overview/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TagBox/Overview/React/index.html b/apps/demos/Demos/TagBox/Overview/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/TagBox/Overview/React/index.html
+++ b/apps/demos/Demos/TagBox/Overview/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TagBox/Overview/Vue/index.html b/apps/demos/Demos/TagBox/Overview/Vue/index.html
index f801653ebfc5..7369a149272c 100644
--- a/apps/demos/Demos/TagBox/Overview/Vue/index.html
+++ b/apps/demos/Demos/TagBox/Overview/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TagBox/TagCountLimitation/Angular/index.html b/apps/demos/Demos/TagBox/TagCountLimitation/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/TagBox/TagCountLimitation/Angular/index.html
+++ b/apps/demos/Demos/TagBox/TagCountLimitation/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TagBox/TagCountLimitation/React/index.html b/apps/demos/Demos/TagBox/TagCountLimitation/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/TagBox/TagCountLimitation/React/index.html
+++ b/apps/demos/Demos/TagBox/TagCountLimitation/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TagBox/TagCountLimitation/Vue/index.html b/apps/demos/Demos/TagBox/TagCountLimitation/Vue/index.html
index f801653ebfc5..7369a149272c 100644
--- a/apps/demos/Demos/TagBox/TagCountLimitation/Vue/index.html
+++ b/apps/demos/Demos/TagBox/TagCountLimitation/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TextArea/Overview/Angular/index.html b/apps/demos/Demos/TextArea/Overview/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/TextArea/Overview/Angular/index.html
+++ b/apps/demos/Demos/TextArea/Overview/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TextArea/Overview/React/index.html b/apps/demos/Demos/TextArea/Overview/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/TextArea/Overview/React/index.html
+++ b/apps/demos/Demos/TextArea/Overview/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TextArea/Overview/Vue/index.html b/apps/demos/Demos/TextArea/Overview/Vue/index.html
index f801653ebfc5..7369a149272c 100644
--- a/apps/demos/Demos/TextArea/Overview/Vue/index.html
+++ b/apps/demos/Demos/TextArea/Overview/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TextBox/Overview/Angular/index.html b/apps/demos/Demos/TextBox/Overview/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/TextBox/Overview/Angular/index.html
+++ b/apps/demos/Demos/TextBox/Overview/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TextBox/Overview/React/index.html b/apps/demos/Demos/TextBox/Overview/React/index.html
index cfb9b3aa6769..1da2da79d709 100644
--- a/apps/demos/Demos/TextBox/Overview/React/index.html
+++ b/apps/demos/Demos/TextBox/Overview/React/index.html
@@ -6,18 +6,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TextBox/Overview/Vue/index.html b/apps/demos/Demos/TextBox/Overview/Vue/index.html
index f801653ebfc5..fb771a33adc4 100644
--- a/apps/demos/Demos/TextBox/Overview/Vue/index.html
+++ b/apps/demos/Demos/TextBox/Overview/Vue/index.html
@@ -6,23 +6,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TileView/Basics/Angular/index.html b/apps/demos/Demos/TileView/Basics/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/TileView/Basics/Angular/index.html
+++ b/apps/demos/Demos/TileView/Basics/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TileView/Basics/React/index.html b/apps/demos/Demos/TileView/Basics/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/TileView/Basics/React/index.html
+++ b/apps/demos/Demos/TileView/Basics/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TileView/Basics/Vue/index.html b/apps/demos/Demos/TileView/Basics/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/TileView/Basics/Vue/index.html
+++ b/apps/demos/Demos/TileView/Basics/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TileView/Directions/Angular/index.html b/apps/demos/Demos/TileView/Directions/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/TileView/Directions/Angular/index.html
+++ b/apps/demos/Demos/TileView/Directions/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TileView/Directions/React/index.html b/apps/demos/Demos/TileView/Directions/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/TileView/Directions/React/index.html
+++ b/apps/demos/Demos/TileView/Directions/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TileView/Directions/Vue/index.html b/apps/demos/Demos/TileView/Directions/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/TileView/Directions/Vue/index.html
+++ b/apps/demos/Demos/TileView/Directions/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TileView/ItemTemplate/Angular/index.html b/apps/demos/Demos/TileView/ItemTemplate/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/TileView/ItemTemplate/Angular/index.html
+++ b/apps/demos/Demos/TileView/ItemTemplate/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TileView/ItemTemplate/React/index.html b/apps/demos/Demos/TileView/ItemTemplate/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/TileView/ItemTemplate/React/index.html
+++ b/apps/demos/Demos/TileView/ItemTemplate/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TileView/ItemTemplate/Vue/index.html b/apps/demos/Demos/TileView/ItemTemplate/Vue/index.html
index 53778bd14ad3..7369a149272c 100644
--- a/apps/demos/Demos/TileView/ItemTemplate/Vue/index.html
+++ b/apps/demos/Demos/TileView/ItemTemplate/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Toast/Overview/Angular/index.html b/apps/demos/Demos/Toast/Overview/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Toast/Overview/Angular/index.html
+++ b/apps/demos/Demos/Toast/Overview/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Toast/Overview/React/index.html b/apps/demos/Demos/Toast/Overview/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Toast/Overview/React/index.html
+++ b/apps/demos/Demos/Toast/Overview/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Toast/Overview/Vue/index.html b/apps/demos/Demos/Toast/Overview/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Toast/Overview/Vue/index.html
+++ b/apps/demos/Demos/Toast/Overview/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Toast/Stack/Angular/index.html b/apps/demos/Demos/Toast/Stack/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Toast/Stack/Angular/index.html
+++ b/apps/demos/Demos/Toast/Stack/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Toast/Stack/React/index.html b/apps/demos/Demos/Toast/Stack/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Toast/Stack/React/index.html
+++ b/apps/demos/Demos/Toast/Stack/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Toast/Stack/Vue/index.html b/apps/demos/Demos/Toast/Stack/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Toast/Stack/Vue/index.html
+++ b/apps/demos/Demos/Toast/Stack/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Toolbar/Adaptability/Angular/index.html b/apps/demos/Demos/Toolbar/Adaptability/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Toolbar/Adaptability/Angular/index.html
+++ b/apps/demos/Demos/Toolbar/Adaptability/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Toolbar/Adaptability/React/index.html b/apps/demos/Demos/Toolbar/Adaptability/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Toolbar/Adaptability/React/index.html
+++ b/apps/demos/Demos/Toolbar/Adaptability/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Toolbar/Adaptability/Vue/index.html b/apps/demos/Demos/Toolbar/Adaptability/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Toolbar/Adaptability/Vue/index.html
+++ b/apps/demos/Demos/Toolbar/Adaptability/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Toolbar/Overview/Angular/index.html b/apps/demos/Demos/Toolbar/Overview/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Toolbar/Overview/Angular/index.html
+++ b/apps/demos/Demos/Toolbar/Overview/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Toolbar/Overview/React/index.html b/apps/demos/Demos/Toolbar/Overview/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Toolbar/Overview/React/index.html
+++ b/apps/demos/Demos/Toolbar/Overview/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Toolbar/Overview/Vue/index.html b/apps/demos/Demos/Toolbar/Overview/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Toolbar/Overview/Vue/index.html
+++ b/apps/demos/Demos/Toolbar/Overview/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Tooltip/Overview/Angular/index.html b/apps/demos/Demos/Tooltip/Overview/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Tooltip/Overview/Angular/index.html
+++ b/apps/demos/Demos/Tooltip/Overview/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Tooltip/Overview/React/index.html b/apps/demos/Demos/Tooltip/Overview/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Tooltip/Overview/React/index.html
+++ b/apps/demos/Demos/Tooltip/Overview/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Tooltip/Overview/Vue/index.html b/apps/demos/Demos/Tooltip/Overview/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/Tooltip/Overview/Vue/index.html
+++ b/apps/demos/Demos/Tooltip/Overview/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/AIColumns/Angular/index.html b/apps/demos/Demos/TreeList/AIColumns/Angular/index.html
index d6cce972f42b..7dd155b53981 100644
--- a/apps/demos/Demos/TreeList/AIColumns/Angular/index.html
+++ b/apps/demos/Demos/TreeList/AIColumns/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme/dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/AIColumns/React/index.html b/apps/demos/Demos/TreeList/AIColumns/React/index.html
index f075e31b7c1b..393ce82bc4f4 100644
--- a/apps/demos/Demos/TreeList/AIColumns/React/index.html
+++ b/apps/demos/Demos/TreeList/AIColumns/React/index.html
@@ -6,21 +6,14 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="tree-list-demo">
         <div id="app"></div>
       </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/AIColumns/Vue/index.html b/apps/demos/Demos/TreeList/AIColumns/Vue/index.html
index fa645c45918f..7b47950bbaff 100644
--- a/apps/demos/Demos/TreeList/AIColumns/Vue/index.html
+++ b/apps/demos/Demos/TreeList/AIColumns/Vue/index.html
@@ -5,24 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme/dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/Adaptability/Angular/index.html b/apps/demos/Demos/TreeList/Adaptability/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/TreeList/Adaptability/Angular/index.html
+++ b/apps/demos/Demos/TreeList/Adaptability/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/Adaptability/React/index.html b/apps/demos/Demos/TreeList/Adaptability/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/TreeList/Adaptability/React/index.html
+++ b/apps/demos/Demos/TreeList/Adaptability/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/Adaptability/Vue/index.html b/apps/demos/Demos/TreeList/Adaptability/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/TreeList/Adaptability/Vue/index.html
+++ b/apps/demos/Demos/TreeList/Adaptability/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/BatchEditing/Angular/index.html b/apps/demos/Demos/TreeList/BatchEditing/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/TreeList/BatchEditing/Angular/index.html
+++ b/apps/demos/Demos/TreeList/BatchEditing/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/BatchEditing/React/index.html b/apps/demos/Demos/TreeList/BatchEditing/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/TreeList/BatchEditing/React/index.html
+++ b/apps/demos/Demos/TreeList/BatchEditing/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/BatchEditing/Vue/index.html b/apps/demos/Demos/TreeList/BatchEditing/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/TreeList/BatchEditing/Vue/index.html
+++ b/apps/demos/Demos/TreeList/BatchEditing/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/CellEditing/Angular/index.html b/apps/demos/Demos/TreeList/CellEditing/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/TreeList/CellEditing/Angular/index.html
+++ b/apps/demos/Demos/TreeList/CellEditing/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/CellEditing/React/index.html b/apps/demos/Demos/TreeList/CellEditing/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/TreeList/CellEditing/React/index.html
+++ b/apps/demos/Demos/TreeList/CellEditing/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/CellEditing/Vue/index.html b/apps/demos/Demos/TreeList/CellEditing/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/TreeList/CellEditing/Vue/index.html
+++ b/apps/demos/Demos/TreeList/CellEditing/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/ColumnChooser/Angular/index.html b/apps/demos/Demos/TreeList/ColumnChooser/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/TreeList/ColumnChooser/Angular/index.html
+++ b/apps/demos/Demos/TreeList/ColumnChooser/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/ColumnChooser/React/index.html b/apps/demos/Demos/TreeList/ColumnChooser/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/TreeList/ColumnChooser/React/index.html
+++ b/apps/demos/Demos/TreeList/ColumnChooser/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/ColumnChooser/Vue/index.html b/apps/demos/Demos/TreeList/ColumnChooser/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/TreeList/ColumnChooser/Vue/index.html
+++ b/apps/demos/Demos/TreeList/ColumnChooser/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/ColumnHeaderFilter/Angular/index.html b/apps/demos/Demos/TreeList/ColumnHeaderFilter/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/TreeList/ColumnHeaderFilter/Angular/index.html
+++ b/apps/demos/Demos/TreeList/ColumnHeaderFilter/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/ColumnHeaderFilter/React/index.html b/apps/demos/Demos/TreeList/ColumnHeaderFilter/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/TreeList/ColumnHeaderFilter/React/index.html
+++ b/apps/demos/Demos/TreeList/ColumnHeaderFilter/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/ColumnHeaderFilter/Vue/index.html b/apps/demos/Demos/TreeList/ColumnHeaderFilter/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/TreeList/ColumnHeaderFilter/Vue/index.html
+++ b/apps/demos/Demos/TreeList/ColumnHeaderFilter/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/CustomizeKeyboardNavigation/Angular/index.html b/apps/demos/Demos/TreeList/CustomizeKeyboardNavigation/Angular/index.html
index 828a96270572..7dd155b53981 100644
--- a/apps/demos/Demos/TreeList/CustomizeKeyboardNavigation/Angular/index.html
+++ b/apps/demos/Demos/TreeList/CustomizeKeyboardNavigation/Angular/index.html
@@ -1,27 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/CustomizeKeyboardNavigation/React/index.html b/apps/demos/Demos/TreeList/CustomizeKeyboardNavigation/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/TreeList/CustomizeKeyboardNavigation/React/index.html
+++ b/apps/demos/Demos/TreeList/CustomizeKeyboardNavigation/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/CustomizeKeyboardNavigation/Vue/index.html b/apps/demos/Demos/TreeList/CustomizeKeyboardNavigation/Vue/index.html
index 53778bd14ad3..7369a149272c 100644
--- a/apps/demos/Demos/TreeList/CustomizeKeyboardNavigation/Vue/index.html
+++ b/apps/demos/Demos/TreeList/CustomizeKeyboardNavigation/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/FilterModes/Angular/index.html b/apps/demos/Demos/TreeList/FilterModes/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/TreeList/FilterModes/Angular/index.html
+++ b/apps/demos/Demos/TreeList/FilterModes/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/FilterModes/React/index.html b/apps/demos/Demos/TreeList/FilterModes/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/TreeList/FilterModes/React/index.html
+++ b/apps/demos/Demos/TreeList/FilterModes/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/FilterModes/Vue/index.html b/apps/demos/Demos/TreeList/FilterModes/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/TreeList/FilterModes/Vue/index.html
+++ b/apps/demos/Demos/TreeList/FilterModes/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/FilterPanel/Angular/index.html b/apps/demos/Demos/TreeList/FilterPanel/Angular/index.html
index 828a96270572..7dd155b53981 100644
--- a/apps/demos/Demos/TreeList/FilterPanel/Angular/index.html
+++ b/apps/demos/Demos/TreeList/FilterPanel/Angular/index.html
@@ -1,27 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/FilterPanel/React/index.html b/apps/demos/Demos/TreeList/FilterPanel/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/TreeList/FilterPanel/React/index.html
+++ b/apps/demos/Demos/TreeList/FilterPanel/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/FilterPanel/Vue/index.html b/apps/demos/Demos/TreeList/FilterPanel/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/TreeList/FilterPanel/Vue/index.html
+++ b/apps/demos/Demos/TreeList/FilterPanel/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/FilterRow/Angular/index.html b/apps/demos/Demos/TreeList/FilterRow/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/TreeList/FilterRow/Angular/index.html
+++ b/apps/demos/Demos/TreeList/FilterRow/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/FilterRow/React/index.html b/apps/demos/Demos/TreeList/FilterRow/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/TreeList/FilterRow/React/index.html
+++ b/apps/demos/Demos/TreeList/FilterRow/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/FilterRow/Vue/index.html b/apps/demos/Demos/TreeList/FilterRow/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/TreeList/FilterRow/Vue/index.html
+++ b/apps/demos/Demos/TreeList/FilterRow/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/FixedAndStickyColumns/Angular/index.html b/apps/demos/Demos/TreeList/FixedAndStickyColumns/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/TreeList/FixedAndStickyColumns/Angular/index.html
+++ b/apps/demos/Demos/TreeList/FixedAndStickyColumns/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/FixedAndStickyColumns/React/index.html b/apps/demos/Demos/TreeList/FixedAndStickyColumns/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/TreeList/FixedAndStickyColumns/React/index.html
+++ b/apps/demos/Demos/TreeList/FixedAndStickyColumns/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/FixedAndStickyColumns/Vue/index.html b/apps/demos/Demos/TreeList/FixedAndStickyColumns/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/TreeList/FixedAndStickyColumns/Vue/index.html
+++ b/apps/demos/Demos/TreeList/FixedAndStickyColumns/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/FocusedRow/Angular/index.html b/apps/demos/Demos/TreeList/FocusedRow/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/TreeList/FocusedRow/Angular/index.html
+++ b/apps/demos/Demos/TreeList/FocusedRow/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/FocusedRow/React/index.html b/apps/demos/Demos/TreeList/FocusedRow/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/TreeList/FocusedRow/React/index.html
+++ b/apps/demos/Demos/TreeList/FocusedRow/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/FocusedRow/Vue/index.html b/apps/demos/Demos/TreeList/FocusedRow/Vue/index.html
index 82c61b599a52..7b47950bbaff 100644
--- a/apps/demos/Demos/TreeList/FocusedRow/Vue/index.html
+++ b/apps/demos/Demos/TreeList/FocusedRow/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/FormEditing/Angular/index.html b/apps/demos/Demos/TreeList/FormEditing/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/TreeList/FormEditing/Angular/index.html
+++ b/apps/demos/Demos/TreeList/FormEditing/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/FormEditing/React/index.html b/apps/demos/Demos/TreeList/FormEditing/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/TreeList/FormEditing/React/index.html
+++ b/apps/demos/Demos/TreeList/FormEditing/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/FormEditing/Vue/index.html b/apps/demos/Demos/TreeList/FormEditing/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/TreeList/FormEditing/Vue/index.html
+++ b/apps/demos/Demos/TreeList/FormEditing/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/KeyboardNavigation/Angular/index.html b/apps/demos/Demos/TreeList/KeyboardNavigation/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/TreeList/KeyboardNavigation/Angular/index.html
+++ b/apps/demos/Demos/TreeList/KeyboardNavigation/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/KeyboardNavigation/React/index.html b/apps/demos/Demos/TreeList/KeyboardNavigation/React/index.html
index 1d1836bc5d7d..580d70095891 100644
--- a/apps/demos/Demos/TreeList/KeyboardNavigation/React/index.html
+++ b/apps/demos/Demos/TreeList/KeyboardNavigation/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <p>Click this text and press <b>Tab</b></p>
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/KeyboardNavigation/Vue/index.html b/apps/demos/Demos/TreeList/KeyboardNavigation/Vue/index.html
index 95299a9f7638..580d70095891 100644
--- a/apps/demos/Demos/TreeList/KeyboardNavigation/Vue/index.html
+++ b/apps/demos/Demos/TreeList/KeyboardNavigation/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <p>Click this text and press <b>Tab</b></p>
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/LoadDataOnDemand/Angular/index.html b/apps/demos/Demos/TreeList/LoadDataOnDemand/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/TreeList/LoadDataOnDemand/Angular/index.html
+++ b/apps/demos/Demos/TreeList/LoadDataOnDemand/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/LoadDataOnDemand/React/index.html b/apps/demos/Demos/TreeList/LoadDataOnDemand/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/TreeList/LoadDataOnDemand/React/index.html
+++ b/apps/demos/Demos/TreeList/LoadDataOnDemand/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/LoadDataOnDemand/Vue/index.html b/apps/demos/Demos/TreeList/LoadDataOnDemand/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/TreeList/LoadDataOnDemand/Vue/index.html
+++ b/apps/demos/Demos/TreeList/LoadDataOnDemand/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/LocalReordering/Angular/index.html b/apps/demos/Demos/TreeList/LocalReordering/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/TreeList/LocalReordering/Angular/index.html
+++ b/apps/demos/Demos/TreeList/LocalReordering/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/LocalReordering/React/index.html b/apps/demos/Demos/TreeList/LocalReordering/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/TreeList/LocalReordering/React/index.html
+++ b/apps/demos/Demos/TreeList/LocalReordering/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/LocalReordering/Vue/index.html b/apps/demos/Demos/TreeList/LocalReordering/Vue/index.html
index 97825c599aa0..7b47950bbaff 100644
--- a/apps/demos/Demos/TreeList/LocalReordering/Vue/index.html
+++ b/apps/demos/Demos/TreeList/LocalReordering/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/MultipleRowSelection/Angular/index.html b/apps/demos/Demos/TreeList/MultipleRowSelection/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/TreeList/MultipleRowSelection/Angular/index.html
+++ b/apps/demos/Demos/TreeList/MultipleRowSelection/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/MultipleRowSelection/React/index.html b/apps/demos/Demos/TreeList/MultipleRowSelection/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/TreeList/MultipleRowSelection/React/index.html
+++ b/apps/demos/Demos/TreeList/MultipleRowSelection/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/MultipleRowSelection/Vue/index.html b/apps/demos/Demos/TreeList/MultipleRowSelection/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/TreeList/MultipleRowSelection/Vue/index.html
+++ b/apps/demos/Demos/TreeList/MultipleRowSelection/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/MultipleSorting/Angular/index.html b/apps/demos/Demos/TreeList/MultipleSorting/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/TreeList/MultipleSorting/Angular/index.html
+++ b/apps/demos/Demos/TreeList/MultipleSorting/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/MultipleSorting/React/index.html b/apps/demos/Demos/TreeList/MultipleSorting/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/TreeList/MultipleSorting/React/index.html
+++ b/apps/demos/Demos/TreeList/MultipleSorting/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/MultipleSorting/Vue/index.html b/apps/demos/Demos/TreeList/MultipleSorting/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/TreeList/MultipleSorting/Vue/index.html
+++ b/apps/demos/Demos/TreeList/MultipleSorting/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/Overview/Angular/index.html b/apps/demos/Demos/TreeList/Overview/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/TreeList/Overview/Angular/index.html
+++ b/apps/demos/Demos/TreeList/Overview/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/Overview/React/index.html b/apps/demos/Demos/TreeList/Overview/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/TreeList/Overview/React/index.html
+++ b/apps/demos/Demos/TreeList/Overview/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/Overview/Vue/index.html b/apps/demos/Demos/TreeList/Overview/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/TreeList/Overview/Vue/index.html
+++ b/apps/demos/Demos/TreeList/Overview/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/Paging/Angular/index.html b/apps/demos/Demos/TreeList/Paging/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/TreeList/Paging/Angular/index.html
+++ b/apps/demos/Demos/TreeList/Paging/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/Paging/React/index.html b/apps/demos/Demos/TreeList/Paging/React/index.html
index cfb9b3aa6769..1da2da79d709 100644
--- a/apps/demos/Demos/TreeList/Paging/React/index.html
+++ b/apps/demos/Demos/TreeList/Paging/React/index.html
@@ -6,18 +6,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/Paging/Vue/index.html b/apps/demos/Demos/TreeList/Paging/Vue/index.html
index c90687f1390f..fb771a33adc4 100644
--- a/apps/demos/Demos/TreeList/Paging/Vue/index.html
+++ b/apps/demos/Demos/TreeList/Paging/Vue/index.html
@@ -6,22 +6,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/PopupEditing/Angular/index.html b/apps/demos/Demos/TreeList/PopupEditing/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/TreeList/PopupEditing/Angular/index.html
+++ b/apps/demos/Demos/TreeList/PopupEditing/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/PopupEditing/React/index.html b/apps/demos/Demos/TreeList/PopupEditing/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/TreeList/PopupEditing/React/index.html
+++ b/apps/demos/Demos/TreeList/PopupEditing/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/PopupEditing/Vue/index.html b/apps/demos/Demos/TreeList/PopupEditing/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/TreeList/PopupEditing/Vue/index.html
+++ b/apps/demos/Demos/TreeList/PopupEditing/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/Reordering/Angular/index.html b/apps/demos/Demos/TreeList/Reordering/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/TreeList/Reordering/Angular/index.html
+++ b/apps/demos/Demos/TreeList/Reordering/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/Reordering/React/index.html b/apps/demos/Demos/TreeList/Reordering/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/TreeList/Reordering/React/index.html
+++ b/apps/demos/Demos/TreeList/Reordering/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/Reordering/Vue/index.html b/apps/demos/Demos/TreeList/Reordering/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/TreeList/Reordering/Vue/index.html
+++ b/apps/demos/Demos/TreeList/Reordering/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/Resizing/Angular/index.html b/apps/demos/Demos/TreeList/Resizing/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/TreeList/Resizing/Angular/index.html
+++ b/apps/demos/Demos/TreeList/Resizing/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/Resizing/React/index.html b/apps/demos/Demos/TreeList/Resizing/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/TreeList/Resizing/React/index.html
+++ b/apps/demos/Demos/TreeList/Resizing/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/Resizing/Vue/index.html b/apps/demos/Demos/TreeList/Resizing/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/TreeList/Resizing/Vue/index.html
+++ b/apps/demos/Demos/TreeList/Resizing/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/RowEditing/Angular/index.html b/apps/demos/Demos/TreeList/RowEditing/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/TreeList/RowEditing/Angular/index.html
+++ b/apps/demos/Demos/TreeList/RowEditing/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/RowEditing/React/index.html b/apps/demos/Demos/TreeList/RowEditing/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/TreeList/RowEditing/React/index.html
+++ b/apps/demos/Demos/TreeList/RowEditing/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/RowEditing/Vue/index.html b/apps/demos/Demos/TreeList/RowEditing/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/TreeList/RowEditing/Vue/index.html
+++ b/apps/demos/Demos/TreeList/RowEditing/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/SearchPanel/Angular/index.html b/apps/demos/Demos/TreeList/SearchPanel/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/TreeList/SearchPanel/Angular/index.html
+++ b/apps/demos/Demos/TreeList/SearchPanel/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/SearchPanel/React/index.html b/apps/demos/Demos/TreeList/SearchPanel/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/TreeList/SearchPanel/React/index.html
+++ b/apps/demos/Demos/TreeList/SearchPanel/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/SearchPanel/Vue/index.html b/apps/demos/Demos/TreeList/SearchPanel/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/TreeList/SearchPanel/Vue/index.html
+++ b/apps/demos/Demos/TreeList/SearchPanel/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/SimpleArrayHierarchicalStructure/Angular/index.html b/apps/demos/Demos/TreeList/SimpleArrayHierarchicalStructure/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/TreeList/SimpleArrayHierarchicalStructure/Angular/index.html
+++ b/apps/demos/Demos/TreeList/SimpleArrayHierarchicalStructure/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/SimpleArrayHierarchicalStructure/React/index.html b/apps/demos/Demos/TreeList/SimpleArrayHierarchicalStructure/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/TreeList/SimpleArrayHierarchicalStructure/React/index.html
+++ b/apps/demos/Demos/TreeList/SimpleArrayHierarchicalStructure/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/SimpleArrayHierarchicalStructure/Vue/index.html b/apps/demos/Demos/TreeList/SimpleArrayHierarchicalStructure/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/TreeList/SimpleArrayHierarchicalStructure/Vue/index.html
+++ b/apps/demos/Demos/TreeList/SimpleArrayHierarchicalStructure/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/SimpleArrayPlainStructure/Angular/index.html b/apps/demos/Demos/TreeList/SimpleArrayPlainStructure/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/TreeList/SimpleArrayPlainStructure/Angular/index.html
+++ b/apps/demos/Demos/TreeList/SimpleArrayPlainStructure/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/SimpleArrayPlainStructure/React/index.html b/apps/demos/Demos/TreeList/SimpleArrayPlainStructure/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/TreeList/SimpleArrayPlainStructure/React/index.html
+++ b/apps/demos/Demos/TreeList/SimpleArrayPlainStructure/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/SimpleArrayPlainStructure/Vue/index.html b/apps/demos/Demos/TreeList/SimpleArrayPlainStructure/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/TreeList/SimpleArrayPlainStructure/Vue/index.html
+++ b/apps/demos/Demos/TreeList/SimpleArrayPlainStructure/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/SingleRowSelection/Angular/index.html b/apps/demos/Demos/TreeList/SingleRowSelection/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/TreeList/SingleRowSelection/Angular/index.html
+++ b/apps/demos/Demos/TreeList/SingleRowSelection/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/SingleRowSelection/React/index.html b/apps/demos/Demos/TreeList/SingleRowSelection/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/TreeList/SingleRowSelection/React/index.html
+++ b/apps/demos/Demos/TreeList/SingleRowSelection/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/SingleRowSelection/Vue/index.html b/apps/demos/Demos/TreeList/SingleRowSelection/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/TreeList/SingleRowSelection/Vue/index.html
+++ b/apps/demos/Demos/TreeList/SingleRowSelection/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/StatePersistence/Angular/index.html b/apps/demos/Demos/TreeList/StatePersistence/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/TreeList/StatePersistence/Angular/index.html
+++ b/apps/demos/Demos/TreeList/StatePersistence/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/StatePersistence/React/index.html b/apps/demos/Demos/TreeList/StatePersistence/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/TreeList/StatePersistence/React/index.html
+++ b/apps/demos/Demos/TreeList/StatePersistence/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/StatePersistence/Vue/index.html b/apps/demos/Demos/TreeList/StatePersistence/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/TreeList/StatePersistence/Vue/index.html
+++ b/apps/demos/Demos/TreeList/StatePersistence/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/WebAPIService/Angular/index.html b/apps/demos/Demos/TreeList/WebAPIService/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/TreeList/WebAPIService/Angular/index.html
+++ b/apps/demos/Demos/TreeList/WebAPIService/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/WebAPIService/React/index.html b/apps/demos/Demos/TreeList/WebAPIService/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/TreeList/WebAPIService/React/index.html
+++ b/apps/demos/Demos/TreeList/WebAPIService/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/WebAPIService/Vue/index.html b/apps/demos/Demos/TreeList/WebAPIService/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/TreeList/WebAPIService/Vue/index.html
+++ b/apps/demos/Demos/TreeList/WebAPIService/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeView/ContextMenuIntegration/Angular/index.html b/apps/demos/Demos/TreeView/ContextMenuIntegration/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/TreeView/ContextMenuIntegration/Angular/index.html
+++ b/apps/demos/Demos/TreeView/ContextMenuIntegration/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeView/ContextMenuIntegration/React/index.html b/apps/demos/Demos/TreeView/ContextMenuIntegration/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/TreeView/ContextMenuIntegration/React/index.html
+++ b/apps/demos/Demos/TreeView/ContextMenuIntegration/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeView/ContextMenuIntegration/Vue/index.html b/apps/demos/Demos/TreeView/ContextMenuIntegration/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/TreeView/ContextMenuIntegration/Vue/index.html
+++ b/apps/demos/Demos/TreeView/ContextMenuIntegration/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeView/DragAndDropHierarchicalDataStructure/Angular/index.html b/apps/demos/Demos/TreeView/DragAndDropHierarchicalDataStructure/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/TreeView/DragAndDropHierarchicalDataStructure/Angular/index.html
+++ b/apps/demos/Demos/TreeView/DragAndDropHierarchicalDataStructure/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeView/DragAndDropHierarchicalDataStructure/React/index.html b/apps/demos/Demos/TreeView/DragAndDropHierarchicalDataStructure/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/TreeView/DragAndDropHierarchicalDataStructure/React/index.html
+++ b/apps/demos/Demos/TreeView/DragAndDropHierarchicalDataStructure/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeView/DragAndDropHierarchicalDataStructure/Vue/index.html b/apps/demos/Demos/TreeView/DragAndDropHierarchicalDataStructure/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/TreeView/DragAndDropHierarchicalDataStructure/Vue/index.html
+++ b/apps/demos/Demos/TreeView/DragAndDropHierarchicalDataStructure/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeView/DragAndDropPlainDataStructure/Angular/index.html b/apps/demos/Demos/TreeView/DragAndDropPlainDataStructure/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/TreeView/DragAndDropPlainDataStructure/Angular/index.html
+++ b/apps/demos/Demos/TreeView/DragAndDropPlainDataStructure/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeView/DragAndDropPlainDataStructure/React/index.html b/apps/demos/Demos/TreeView/DragAndDropPlainDataStructure/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/TreeView/DragAndDropPlainDataStructure/React/index.html
+++ b/apps/demos/Demos/TreeView/DragAndDropPlainDataStructure/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeView/DragAndDropPlainDataStructure/Vue/index.html b/apps/demos/Demos/TreeView/DragAndDropPlainDataStructure/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/TreeView/DragAndDropPlainDataStructure/Vue/index.html
+++ b/apps/demos/Demos/TreeView/DragAndDropPlainDataStructure/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeView/FlatDataStructure/Angular/index.html b/apps/demos/Demos/TreeView/FlatDataStructure/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/TreeView/FlatDataStructure/Angular/index.html
+++ b/apps/demos/Demos/TreeView/FlatDataStructure/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeView/FlatDataStructure/React/index.html b/apps/demos/Demos/TreeView/FlatDataStructure/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/TreeView/FlatDataStructure/React/index.html
+++ b/apps/demos/Demos/TreeView/FlatDataStructure/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeView/FlatDataStructure/Vue/index.html b/apps/demos/Demos/TreeView/FlatDataStructure/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/TreeView/FlatDataStructure/Vue/index.html
+++ b/apps/demos/Demos/TreeView/FlatDataStructure/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeView/HierarchicalDataStructure/Angular/index.html b/apps/demos/Demos/TreeView/HierarchicalDataStructure/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/TreeView/HierarchicalDataStructure/Angular/index.html
+++ b/apps/demos/Demos/TreeView/HierarchicalDataStructure/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeView/HierarchicalDataStructure/React/index.html b/apps/demos/Demos/TreeView/HierarchicalDataStructure/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/TreeView/HierarchicalDataStructure/React/index.html
+++ b/apps/demos/Demos/TreeView/HierarchicalDataStructure/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeView/HierarchicalDataStructure/Vue/index.html b/apps/demos/Demos/TreeView/HierarchicalDataStructure/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/TreeView/HierarchicalDataStructure/Vue/index.html
+++ b/apps/demos/Demos/TreeView/HierarchicalDataStructure/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeView/ItemSelectionAndCustomization/Angular/index.html b/apps/demos/Demos/TreeView/ItemSelectionAndCustomization/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/TreeView/ItemSelectionAndCustomization/Angular/index.html
+++ b/apps/demos/Demos/TreeView/ItemSelectionAndCustomization/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeView/ItemSelectionAndCustomization/React/index.html b/apps/demos/Demos/TreeView/ItemSelectionAndCustomization/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/TreeView/ItemSelectionAndCustomization/React/index.html
+++ b/apps/demos/Demos/TreeView/ItemSelectionAndCustomization/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeView/ItemSelectionAndCustomization/Vue/index.html b/apps/demos/Demos/TreeView/ItemSelectionAndCustomization/Vue/index.html
index c90687f1390f..7369a149272c 100644
--- a/apps/demos/Demos/TreeView/ItemSelectionAndCustomization/Vue/index.html
+++ b/apps/demos/Demos/TreeView/ItemSelectionAndCustomization/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeView/LoadDataOnDemand/Angular/index.html b/apps/demos/Demos/TreeView/LoadDataOnDemand/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/TreeView/LoadDataOnDemand/Angular/index.html
+++ b/apps/demos/Demos/TreeView/LoadDataOnDemand/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeView/LoadDataOnDemand/React/index.html b/apps/demos/Demos/TreeView/LoadDataOnDemand/React/index.html
index cfb9b3aa6769..1da2da79d709 100644
--- a/apps/demos/Demos/TreeView/LoadDataOnDemand/React/index.html
+++ b/apps/demos/Demos/TreeView/LoadDataOnDemand/React/index.html
@@ -6,18 +6,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeView/LoadDataOnDemand/Vue/index.html b/apps/demos/Demos/TreeView/LoadDataOnDemand/Vue/index.html
index 8ef744ca51f3..fb4cf0d3a3e5 100644
--- a/apps/demos/Demos/TreeView/LoadDataOnDemand/Vue/index.html
+++ b/apps/demos/Demos/TreeView/LoadDataOnDemand/Vue/index.html
@@ -6,22 +6,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app" />
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeView/TreeViewWithSearchBar/Angular/index.html b/apps/demos/Demos/TreeView/TreeViewWithSearchBar/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/TreeView/TreeViewWithSearchBar/Angular/index.html
+++ b/apps/demos/Demos/TreeView/TreeViewWithSearchBar/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeView/TreeViewWithSearchBar/React/index.html b/apps/demos/Demos/TreeView/TreeViewWithSearchBar/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/TreeView/TreeViewWithSearchBar/React/index.html
+++ b/apps/demos/Demos/TreeView/TreeViewWithSearchBar/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeView/TreeViewWithSearchBar/Vue/index.html b/apps/demos/Demos/TreeView/TreeViewWithSearchBar/Vue/index.html
index 8ef744ca51f3..e97e1d43d2f6 100644
--- a/apps/demos/Demos/TreeView/TreeViewWithSearchBar/Vue/index.html
+++ b/apps/demos/Demos/TreeView/TreeViewWithSearchBar/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app" />
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeView/VirtualMode/Angular/index.html b/apps/demos/Demos/TreeView/VirtualMode/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/TreeView/VirtualMode/Angular/index.html
+++ b/apps/demos/Demos/TreeView/VirtualMode/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeView/VirtualMode/React/index.html b/apps/demos/Demos/TreeView/VirtualMode/React/index.html
index cfb9b3aa6769..1da2da79d709 100644
--- a/apps/demos/Demos/TreeView/VirtualMode/React/index.html
+++ b/apps/demos/Demos/TreeView/VirtualMode/React/index.html
@@ -6,18 +6,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeView/VirtualMode/Vue/index.html b/apps/demos/Demos/TreeView/VirtualMode/Vue/index.html
index 8ef744ca51f3..fb4cf0d3a3e5 100644
--- a/apps/demos/Demos/TreeView/VirtualMode/Vue/index.html
+++ b/apps/demos/Demos/TreeView/VirtualMode/Vue/index.html
@@ -6,22 +6,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app" />
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Validation/Overview/Angular/index.html b/apps/demos/Demos/Validation/Overview/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/Validation/Overview/Angular/index.html
+++ b/apps/demos/Demos/Validation/Overview/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Validation/Overview/React/index.html b/apps/demos/Demos/Validation/Overview/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/Validation/Overview/React/index.html
+++ b/apps/demos/Demos/Validation/Overview/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Validation/Overview/Vue/index.html b/apps/demos/Demos/Validation/Overview/Vue/index.html
index f801653ebfc5..7369a149272c 100644
--- a/apps/demos/Demos/Validation/Overview/Vue/index.html
+++ b/apps/demos/Demos/Validation/Overview/Vue/index.html
@@ -6,23 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/VectorMap/BubbleMarkers/Angular/index.html b/apps/demos/Demos/VectorMap/BubbleMarkers/Angular/index.html
index ee4f94c91d04..7dd155b53981 100644
--- a/apps/demos/Demos/VectorMap/BubbleMarkers/Angular/index.html
+++ b/apps/demos/Demos/VectorMap/BubbleMarkers/Angular/index.html
@@ -1,28 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="../../../../node_modules/jquery/dist/jquery.min.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/VectorMap/BubbleMarkers/React/index.html b/apps/demos/Demos/VectorMap/BubbleMarkers/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/VectorMap/BubbleMarkers/React/index.html
+++ b/apps/demos/Demos/VectorMap/BubbleMarkers/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/VectorMap/BubbleMarkers/Vue/index.html b/apps/demos/Demos/VectorMap/BubbleMarkers/Vue/index.html
index 97825c599aa0..7b47950bbaff 100644
--- a/apps/demos/Demos/VectorMap/BubbleMarkers/Vue/index.html
+++ b/apps/demos/Demos/VectorMap/BubbleMarkers/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/VectorMap/ColorsCustomization/Angular/index.html b/apps/demos/Demos/VectorMap/ColorsCustomization/Angular/index.html
index ee4f94c91d04..7dd155b53981 100644
--- a/apps/demos/Demos/VectorMap/ColorsCustomization/Angular/index.html
+++ b/apps/demos/Demos/VectorMap/ColorsCustomization/Angular/index.html
@@ -1,28 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="../../../../node_modules/jquery/dist/jquery.min.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/VectorMap/ColorsCustomization/React/index.html b/apps/demos/Demos/VectorMap/ColorsCustomization/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/VectorMap/ColorsCustomization/React/index.html
+++ b/apps/demos/Demos/VectorMap/ColorsCustomization/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/VectorMap/ColorsCustomization/Vue/index.html b/apps/demos/Demos/VectorMap/ColorsCustomization/Vue/index.html
index 97825c599aa0..7b47950bbaff 100644
--- a/apps/demos/Demos/VectorMap/ColorsCustomization/Vue/index.html
+++ b/apps/demos/Demos/VectorMap/ColorsCustomization/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/VectorMap/CustomAnnotations/Angular/index.html b/apps/demos/Demos/VectorMap/CustomAnnotations/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/VectorMap/CustomAnnotations/Angular/index.html
+++ b/apps/demos/Demos/VectorMap/CustomAnnotations/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/VectorMap/CustomAnnotations/React/index.html b/apps/demos/Demos/VectorMap/CustomAnnotations/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/VectorMap/CustomAnnotations/React/index.html
+++ b/apps/demos/Demos/VectorMap/CustomAnnotations/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/VectorMap/CustomAnnotations/Vue/index.html b/apps/demos/Demos/VectorMap/CustomAnnotations/Vue/index.html
index 97825c599aa0..7b47950bbaff 100644
--- a/apps/demos/Demos/VectorMap/CustomAnnotations/Vue/index.html
+++ b/apps/demos/Demos/VectorMap/CustomAnnotations/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/VectorMap/CustomMapData/Angular/index.html b/apps/demos/Demos/VectorMap/CustomMapData/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/VectorMap/CustomMapData/Angular/index.html
+++ b/apps/demos/Demos/VectorMap/CustomMapData/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/VectorMap/CustomMapData/React/index.html b/apps/demos/Demos/VectorMap/CustomMapData/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/VectorMap/CustomMapData/React/index.html
+++ b/apps/demos/Demos/VectorMap/CustomMapData/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/VectorMap/CustomMapData/Vue/index.html b/apps/demos/Demos/VectorMap/CustomMapData/Vue/index.html
index 97825c599aa0..7b47950bbaff 100644
--- a/apps/demos/Demos/VectorMap/CustomMapData/Vue/index.html
+++ b/apps/demos/Demos/VectorMap/CustomMapData/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/VectorMap/CustomProjection/Angular/index.html b/apps/demos/Demos/VectorMap/CustomProjection/Angular/index.html
index ee4f94c91d04..7dd155b53981 100644
--- a/apps/demos/Demos/VectorMap/CustomProjection/Angular/index.html
+++ b/apps/demos/Demos/VectorMap/CustomProjection/Angular/index.html
@@ -1,28 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="../../../../node_modules/jquery/dist/jquery.min.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/VectorMap/CustomProjection/React/index.html b/apps/demos/Demos/VectorMap/CustomProjection/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/VectorMap/CustomProjection/React/index.html
+++ b/apps/demos/Demos/VectorMap/CustomProjection/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/VectorMap/CustomProjection/Vue/index.html b/apps/demos/Demos/VectorMap/CustomProjection/Vue/index.html
index 97825c599aa0..7b47950bbaff 100644
--- a/apps/demos/Demos/VectorMap/CustomProjection/Vue/index.html
+++ b/apps/demos/Demos/VectorMap/CustomProjection/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/VectorMap/DynamicViewport/Angular/index.html b/apps/demos/Demos/VectorMap/DynamicViewport/Angular/index.html
index ee4f94c91d04..7dd155b53981 100644
--- a/apps/demos/Demos/VectorMap/DynamicViewport/Angular/index.html
+++ b/apps/demos/Demos/VectorMap/DynamicViewport/Angular/index.html
@@ -1,28 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="../../../../node_modules/jquery/dist/jquery.min.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/VectorMap/DynamicViewport/React/index.html b/apps/demos/Demos/VectorMap/DynamicViewport/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/VectorMap/DynamicViewport/React/index.html
+++ b/apps/demos/Demos/VectorMap/DynamicViewport/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/VectorMap/DynamicViewport/Vue/index.html b/apps/demos/Demos/VectorMap/DynamicViewport/Vue/index.html
index 97825c599aa0..7b47950bbaff 100644
--- a/apps/demos/Demos/VectorMap/DynamicViewport/Vue/index.html
+++ b/apps/demos/Demos/VectorMap/DynamicViewport/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/VectorMap/FloorPlan/Angular/index.html b/apps/demos/Demos/VectorMap/FloorPlan/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/VectorMap/FloorPlan/Angular/index.html
+++ b/apps/demos/Demos/VectorMap/FloorPlan/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/VectorMap/FloorPlan/React/index.html b/apps/demos/Demos/VectorMap/FloorPlan/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/VectorMap/FloorPlan/React/index.html
+++ b/apps/demos/Demos/VectorMap/FloorPlan/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/VectorMap/FloorPlan/Vue/index.html b/apps/demos/Demos/VectorMap/FloorPlan/Vue/index.html
index 97825c599aa0..7b47950bbaff 100644
--- a/apps/demos/Demos/VectorMap/FloorPlan/Vue/index.html
+++ b/apps/demos/Demos/VectorMap/FloorPlan/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/VectorMap/ImageMarkers/Angular/index.html b/apps/demos/Demos/VectorMap/ImageMarkers/Angular/index.html
index ee4f94c91d04..7dd155b53981 100644
--- a/apps/demos/Demos/VectorMap/ImageMarkers/Angular/index.html
+++ b/apps/demos/Demos/VectorMap/ImageMarkers/Angular/index.html
@@ -1,28 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="../../../../node_modules/jquery/dist/jquery.min.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/VectorMap/ImageMarkers/React/index.html b/apps/demos/Demos/VectorMap/ImageMarkers/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/VectorMap/ImageMarkers/React/index.html
+++ b/apps/demos/Demos/VectorMap/ImageMarkers/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/VectorMap/ImageMarkers/Vue/index.html b/apps/demos/Demos/VectorMap/ImageMarkers/Vue/index.html
index 97825c599aa0..7b47950bbaff 100644
--- a/apps/demos/Demos/VectorMap/ImageMarkers/Vue/index.html
+++ b/apps/demos/Demos/VectorMap/ImageMarkers/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/VectorMap/Legend/Angular/index.html b/apps/demos/Demos/VectorMap/Legend/Angular/index.html
index ee4f94c91d04..7dd155b53981 100644
--- a/apps/demos/Demos/VectorMap/Legend/Angular/index.html
+++ b/apps/demos/Demos/VectorMap/Legend/Angular/index.html
@@ -1,28 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="../../../../node_modules/jquery/dist/jquery.min.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/VectorMap/Legend/React/index.html b/apps/demos/Demos/VectorMap/Legend/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/VectorMap/Legend/React/index.html
+++ b/apps/demos/Demos/VectorMap/Legend/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/VectorMap/Legend/Vue/index.html b/apps/demos/Demos/VectorMap/Legend/Vue/index.html
index 97825c599aa0..7b47950bbaff 100644
--- a/apps/demos/Demos/VectorMap/Legend/Vue/index.html
+++ b/apps/demos/Demos/VectorMap/Legend/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/VectorMap/MultipleLayers/Angular/index.html b/apps/demos/Demos/VectorMap/MultipleLayers/Angular/index.html
index ee4f94c91d04..7dd155b53981 100644
--- a/apps/demos/Demos/VectorMap/MultipleLayers/Angular/index.html
+++ b/apps/demos/Demos/VectorMap/MultipleLayers/Angular/index.html
@@ -1,28 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="../../../../node_modules/jquery/dist/jquery.min.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/VectorMap/MultipleLayers/React/index.html b/apps/demos/Demos/VectorMap/MultipleLayers/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/VectorMap/MultipleLayers/React/index.html
+++ b/apps/demos/Demos/VectorMap/MultipleLayers/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/VectorMap/MultipleLayers/Vue/index.html b/apps/demos/Demos/VectorMap/MultipleLayers/Vue/index.html
index 97825c599aa0..7b47950bbaff 100644
--- a/apps/demos/Demos/VectorMap/MultipleLayers/Vue/index.html
+++ b/apps/demos/Demos/VectorMap/MultipleLayers/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/VectorMap/Overview/Angular/index.html b/apps/demos/Demos/VectorMap/Overview/Angular/index.html
index ee4f94c91d04..7dd155b53981 100644
--- a/apps/demos/Demos/VectorMap/Overview/Angular/index.html
+++ b/apps/demos/Demos/VectorMap/Overview/Angular/index.html
@@ -1,28 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="../../../../node_modules/jquery/dist/jquery.min.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/VectorMap/Overview/React/index.html b/apps/demos/Demos/VectorMap/Overview/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/VectorMap/Overview/React/index.html
+++ b/apps/demos/Demos/VectorMap/Overview/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/VectorMap/Overview/Vue/index.html b/apps/demos/Demos/VectorMap/Overview/Vue/index.html
index 97825c599aa0..7b47950bbaff 100644
--- a/apps/demos/Demos/VectorMap/Overview/Vue/index.html
+++ b/apps/demos/Demos/VectorMap/Overview/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/VectorMap/Palette/Angular/index.html b/apps/demos/Demos/VectorMap/Palette/Angular/index.html
index ee4f94c91d04..7dd155b53981 100644
--- a/apps/demos/Demos/VectorMap/Palette/Angular/index.html
+++ b/apps/demos/Demos/VectorMap/Palette/Angular/index.html
@@ -1,28 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="../../../../node_modules/jquery/dist/jquery.min.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/VectorMap/Palette/React/index.html b/apps/demos/Demos/VectorMap/Palette/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/VectorMap/Palette/React/index.html
+++ b/apps/demos/Demos/VectorMap/Palette/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/VectorMap/Palette/Vue/index.html b/apps/demos/Demos/VectorMap/Palette/Vue/index.html
index 97825c599aa0..7b47950bbaff 100644
--- a/apps/demos/Demos/VectorMap/Palette/Vue/index.html
+++ b/apps/demos/Demos/VectorMap/Palette/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/VectorMap/PieMarkers/Angular/index.html b/apps/demos/Demos/VectorMap/PieMarkers/Angular/index.html
index ee4f94c91d04..7dd155b53981 100644
--- a/apps/demos/Demos/VectorMap/PieMarkers/Angular/index.html
+++ b/apps/demos/Demos/VectorMap/PieMarkers/Angular/index.html
@@ -1,28 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="../../../../node_modules/jquery/dist/jquery.min.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/VectorMap/PieMarkers/React/index.html b/apps/demos/Demos/VectorMap/PieMarkers/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/VectorMap/PieMarkers/React/index.html
+++ b/apps/demos/Demos/VectorMap/PieMarkers/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/VectorMap/PieMarkers/Vue/index.html b/apps/demos/Demos/VectorMap/PieMarkers/Vue/index.html
index 97825c599aa0..7b47950bbaff 100644
--- a/apps/demos/Demos/VectorMap/PieMarkers/Vue/index.html
+++ b/apps/demos/Demos/VectorMap/PieMarkers/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/VectorMap/TooltipsCustomization/Angular/index.html b/apps/demos/Demos/VectorMap/TooltipsCustomization/Angular/index.html
index ee4f94c91d04..7dd155b53981 100644
--- a/apps/demos/Demos/VectorMap/TooltipsCustomization/Angular/index.html
+++ b/apps/demos/Demos/VectorMap/TooltipsCustomization/Angular/index.html
@@ -1,28 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="../../../../node_modules/jquery/dist/jquery.min.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/VectorMap/TooltipsCustomization/React/index.html b/apps/demos/Demos/VectorMap/TooltipsCustomization/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/VectorMap/TooltipsCustomization/React/index.html
+++ b/apps/demos/Demos/VectorMap/TooltipsCustomization/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/VectorMap/TooltipsCustomization/Vue/index.html b/apps/demos/Demos/VectorMap/TooltipsCustomization/Vue/index.html
index 97825c599aa0..7b47950bbaff 100644
--- a/apps/demos/Demos/VectorMap/TooltipsCustomization/Vue/index.html
+++ b/apps/demos/Demos/VectorMap/TooltipsCustomization/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/VectorMap/ZoomingAndCentering/Angular/index.html b/apps/demos/Demos/VectorMap/ZoomingAndCentering/Angular/index.html
index ee4f94c91d04..7dd155b53981 100644
--- a/apps/demos/Demos/VectorMap/ZoomingAndCentering/Angular/index.html
+++ b/apps/demos/Demos/VectorMap/ZoomingAndCentering/Angular/index.html
@@ -1,28 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="../../../../node_modules/jquery/dist/jquery.min.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/VectorMap/ZoomingAndCentering/React/index.html b/apps/demos/Demos/VectorMap/ZoomingAndCentering/React/index.html
index ee451f8288ff..7b47950bbaff 100644
--- a/apps/demos/Demos/VectorMap/ZoomingAndCentering/React/index.html
+++ b/apps/demos/Demos/VectorMap/ZoomingAndCentering/React/index.html
@@ -6,19 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="styles.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/VectorMap/ZoomingAndCentering/Vue/index.html b/apps/demos/Demos/VectorMap/ZoomingAndCentering/Vue/index.html
index 97825c599aa0..7b47950bbaff 100644
--- a/apps/demos/Demos/VectorMap/ZoomingAndCentering/Vue/index.html
+++ b/apps/demos/Demos/VectorMap/ZoomingAndCentering/Vue/index.html
@@ -6,22 +6,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>

From e49b759b6a6ad878cfd4b443c748ba46b3c31f37 Mon Sep 17 00:00:00 2001
From: Andrei Vorobev <738482+vorobey@users.noreply.github.com>
Date: Thu, 6 Aug 2026 11:13:56 +0300
Subject: [PATCH 12/16] refactor(demos): migrate ReactJs demos off SystemJS to
 esbuild bundling
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Regenerated by the builder itself, not hand-edited:

  BUNDLE_IN_PLACE=1 node utils/server/csp-bundle.js --framework=ReactJs

500 ok / 0 fail. Every file comes out byte-identical to its already-migrated
React twin, which is what keeps `convert-to-js` a no-op — it copies **/*.html
from the React demo, so any divergence here would show up as "Generated JS
demos are outdated" in CI.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
---
 .../Accordion/Overview/ReactJs/index.html     | 39 ++-------
 .../ActionSheet/Basics/ReactJs/index.html     | 39 ++-------
 .../PopoverMode/ReactJs/index.html            | 39 ++-------
 .../Autocomplete/Overview/ReactJs/index.html  | 39 ++-------
 .../Demos/Box/Overview/ReactJs/index.html     | 39 ++-------
 .../Demos/Button/Icons/ReactJs/index.html     | 44 ++--------
 .../Button/PredefinedTypes/ReactJs/index.html | 39 ++-------
 .../ButtonGroup/Overview/ReactJs/index.html   | 39 ++-------
 .../MultipleSelection/ReactJs/index.html      | 44 ++--------
 .../Calendar/Overview/ReactJs/index.html      | 44 ++--------
 .../CardView/CardTemplate/ReactJs/index.html  | 39 ++-------
 .../CardView/ColumnChooser/ReactJs/index.html | 39 ++-------
 .../ColumnHeaderFilter/ReactJs/index.html     | 33 ++-----
 .../ColumnReordering/ReactJs/index.html       | 33 ++-----
 .../DataValidation/ReactJs/index.html         | 33 ++-----
 .../CardView/FieldTemplate/ReactJs/index.html | 39 ++-------
 .../CardView/FilterPanel/ReactJs/index.html   | 33 ++-----
 .../CardView/Overview/ReactJs/index.html      | 39 ++-------
 .../CardView/PopupEditing/ReactJs/index.html  | 33 ++-----
 .../CardView/SearchPanel/ReactJs/index.html   | 33 ++-----
 .../CardView/Selection/ReactJs/index.html     | 39 ++-------
 .../CardView/SimpleArray/ReactJs/index.html   | 33 ++-----
 .../Demos/CardView/Sorting/ReactJs/index.html | 33 ++-----
 .../CardView/WebAPIService/ReactJs/index.html | 33 ++-----
 .../Charts/AjaxRequest/ReactJs/index.html     | 39 ++-------
 .../Charts/Annotation/ReactJs/index.html      | 39 ++-------
 .../Demos/Charts/Area/ReactJs/index.html      | 39 ++-------
 .../AreaSelectionZooming/ReactJs/index.html   | 39 ++-------
 .../Charts/AreaSparklines/ReactJs/index.html  | 39 ++-------
 .../AutoCalculatedBarWidth/ReactJs/index.html | 39 ++-------
 .../AxisCustomPosition/ReactJs/index.html     | 39 ++-------
 .../AxisLabelCustomization/ReactJs/index.html | 85 +++----------------
 .../BarColorCustomization/ReactJs/index.html  | 39 ++-------
 .../Charts/BarDrillDown/ReactJs/index.html    | 39 ++-------
 .../Charts/BarSparklines/ReactJs/index.html   | 39 ++-------
 .../BiDirectionalBarChart/ReactJs/index.html  | 39 ++-------
 .../Demos/Charts/Bubble/ReactJs/index.html    | 39 ++-------
 .../Charts/Candlestick/ReactJs/index.html     | 39 ++-------
 .../ReactJs/index.html                        | 39 ++-------
 .../ReactJs/index.html                        | 39 ++-------
 .../Charts/Colorization/ReactJs/index.html    | 39 ++-------
 .../Charts/ContinuousData/ReactJs/index.html  | 39 ++-------
 .../Demos/Charts/Crosshair/ReactJs/index.html | 39 ++-------
 .../CustomAnnotations/ReactJs/index.html      | 39 ++-------
 .../Charts/CustomBarWidth/ReactJs/index.html  | 39 ++-------
 .../CustomFillStyles/ReactJs/index.html       | 39 ++-------
 .../ReactJs/index.html                        | 39 ++-------
 .../ReactJs/index.html                        | 39 ++-------
 .../Charts/DiscreteData/ReactJs/index.html    | 39 ++-------
 .../ReactJs/index.html                        | 39 ++-------
 .../Demos/Charts/Doughnut/ReactJs/index.html  | 39 ++-------
 .../DoughnutSelection/ReactJs/index.html      | 39 ++-------
 .../DoughnutWithTopNSeries/ReactJs/index.html | 39 ++-------
 .../Demos/Charts/DrillDown/ReactJs/index.html | 39 ++-------
 .../Charts/DynamicSeries/ReactJs/index.html   | 39 ++-------
 .../Charts/EqualSizePies/ReactJs/index.html   | 39 ++-------
 .../Demos/Charts/ErrorBars/ReactJs/index.html | 39 ++-------
 .../ExportAndPrintingAPI/ReactJs/index.html   | 39 ++-------
 .../ExportCustomMarkup/ReactJs/index.html     | 39 ++-------
 .../ExportSeveralCharts/ReactJs/index.html    | 39 ++-------
 .../FlatDataStructure/ReactJs/index.html      | 39 ++-------
 .../Charts/FullStackedBar/ReactJs/index.html  | 39 ++-------
 .../Charts/FunnelChart/ReactJs/index.html     | 39 ++-------
 .../ReactJs/index.html                        | 39 ++-------
 .../Demos/Charts/HoverMode/ReactJs/index.html | 39 ++-------
 .../Charts/InvertedChart/ReactJs/index.html   | 39 ++-------
 .../LabelCustomization/ReactJs/index.html     | 39 ++-------
 .../ReactJs/index.html                        | 39 ++-------
 .../Demos/Charts/Line/ReactJs/index.html      | 39 ++-------
 .../LoadDataOnDemand/ReactJs/index.html       | 39 ++-------
 .../Charts/LogarithmicAxis/ReactJs/index.html | 39 ++-------
 .../ReactJs/index.html                        | 39 ++-------
 .../Charts/MultipleAxes/ReactJs/index.html    | 39 ++-------
 .../Charts/MultiplePanes/ReactJs/index.html   | 39 ++-------
 .../MultiplePointSelection/ReactJs/index.html | 39 ++-------
 .../ReactJs/index.html                        | 39 ++-------
 .../NullPointSupport/ReactJs/index.html       | 39 ++-------
 .../Demos/Charts/Overview/ReactJs/index.html  | 39 ++-------
 .../Demos/Charts/Palette/ReactJs/index.html   | 39 ++-------
 .../Charts/ParetoChart/ReactJs/index.html     | 39 ++-------
 .../Charts/PeriodicData/ReactJs/index.html    | 39 ++-------
 .../demos/Demos/Charts/Pie/ReactJs/index.html | 39 ++-------
 .../Charts/PieAnnotations/ReactJs/index.html  | 39 ++-------
 .../PieResolveLabelOverlap/ReactJs/index.html | 39 ++-------
 .../PieWithMultipleSeries/ReactJs/index.html  | 39 ++-------
 .../Charts/PointImage/ReactJs/index.html      | 39 ++-------
 .../PointSelectionAPI/ReactJs/index.html      | 39 ++-------
 .../PointsAggregation/ReactJs/index.html      | 39 ++-------
 .../ReactJs/index.html                        | 39 ++-------
 .../PolarChartAnnotations/ReactJs/index.html  | 39 ++-------
 .../ReactJs/index.html                        | 39 ++-------
 .../Charts/PyramidChart/ReactJs/index.html    | 39 ++-------
 .../Demos/Charts/RangeArea/ReactJs/index.html | 39 ++-------
 .../Demos/Charts/RangeBar/ReactJs/index.html  | 39 ++-------
 .../ResolveLabelOverlap/ReactJs/index.html    | 39 ++-------
 .../Charts/SankeyChart/ReactJs/index.html     | 39 ++-------
 .../Charts/ScaleBreaks/ReactJs/index.html     | 39 ++-------
 .../Demos/Charts/Scatter/ReactJs/index.html   | 39 ++-------
 .../Demos/Charts/Selection/ReactJs/index.html | 39 ++-------
 .../ReactJs/index.html                        | 39 ++-------
 .../Charts/SideBySideBar/ReactJs/index.html   | 39 ++-------
 .../ReactJs/index.html                        | 39 ++-------
 .../SideBySideStackedBar/ReactJs/index.html   | 39 ++-------
 .../Charts/SignalRService/ReactJs/index.html  | 39 ++-------
 .../Charts/SimpleArray/ReactJs/index.html     | 39 ++-------
 .../Charts/SimpleBullets/ReactJs/index.html   | 39 ++-------
 .../SimpleSparklines/ReactJs/index.html       | 39 ++-------
 .../SmallValueGroups/ReactJs/index.html       | 39 ++-------
 .../Demos/Charts/SpiderWeb/ReactJs/index.html | 46 ++--------
 .../Demos/Charts/Spline/ReactJs/index.html    | 39 ++-------
 .../Charts/SplineArea/ReactJs/index.html      | 39 ++-------
 .../Charts/StackedBar/ReactJs/index.html      | 39 ++-------
 .../Charts/StandardBar/ReactJs/index.html     | 39 ++-------
 .../Demos/Charts/StepArea/ReactJs/index.html  | 39 ++-------
 .../Demos/Charts/StepLine/ReactJs/index.html  | 39 ++-------
 .../Demos/Charts/Stock/ReactJs/index.html     | 39 ++-------
 .../Demos/Charts/Strips/ReactJs/index.html    | 39 ++-------
 .../TilingAlgorithms/ReactJs/index.html       | 39 ++-------
 .../Demos/Charts/Timeline/ReactJs/index.html  | 39 ++-------
 .../Charts/TooltipAPI/ReactJs/index.html      | 39 ++-------
 .../TooltipCustomization/ReactJs/index.html   | 39 ++-------
 .../Demos/Charts/WindRose/ReactJs/index.html  | 39 ++-------
 .../WinlossSparklines/ReactJs/index.html      | 39 ++-------
 .../ZoomingAndScrolling/ReactJs/index.html    | 39 ++-------
 .../ZoomingAndScrollingAPI/ReactJs/index.html | 33 ++-----
 .../ReactJs/index.html                        | 39 ++-------
 .../Chat/Customization/ReactJs/index.html     | 39 ++-------
 .../Chat/FileAttachments/ReactJs/index.html   | 39 ++-------
 .../Chat/MessageEditing/ReactJs/index.html    | 39 ++-------
 .../Chat/MessageStreaming/ReactJs/index.html  | 39 ++-------
 .../Demos/Chat/Overview/ReactJs/index.html    | 39 ++-------
 .../Chat/PromptSuggestions/ReactJs/index.html | 39 ++-------
 .../CheckBox/Overview/ReactJs/index.html      | 38 ++-------
 .../ColorBox/Overview/ReactJs/index.html      | 39 ++-------
 .../ReactJs/index.html                        | 39 ++-------
 .../ReactJs/index.html                        | 39 ++-------
 .../Common/EditorsOverview/ReactJs/index.html | 39 ++-------
 .../ReactJs/index.html                        | 39 ++-------
 .../Common/FormsOverview/ReactJs/index.html   | 39 ++-------
 .../Common/ListsOverview/ReactJs/index.html   | 39 ++-------
 .../NavigationOverview/ReactJs/index.html     | 39 ++-------
 .../ReactJs/index.html                        | 39 ++-------
 .../ReactJs/index.html                        | 39 ++-------
 .../ContextMenu/Basics/ReactJs/index.html     | 39 ++-------
 .../ContextMenu/Scrolling/ReactJs/index.html  | 39 ++-------
 .../ContextMenu/Templates/ReactJs/index.html  | 39 ++-------
 .../DataGrid/AIAssistant/ReactJs/index.html   | 39 ++-------
 .../DataGrid/AIColumns/ReactJs/index.html     | 39 ++-------
 .../ReactJs/index.html                        | 39 ++-------
 .../DataGrid/AjaxRequest/ReactJs/index.html   | 33 ++-----
 .../DataGrid/Appearance/ReactJs/index.html    | 39 ++-------
 .../AutoPopulatedColumns/ReactJs/index.html   | 39 ++-------
 .../DataGrid/BatchEditing/ReactJs/index.html  | 39 ++-------
 .../BatchUpdateRequest/ReactJs/index.html     | 39 ++-------
 .../CascadingLookups/ReactJs/index.html       | 39 ++-------
 .../Demos/DataGrid/Cell/ReactJs/index.html    | 39 ++-------
 .../DataGrid/CellEditing/ReactJs/index.html   | 39 ++-------
 .../CollaborativeEditing/ReactJs/index.html   | 39 ++-------
 .../Demos/DataGrid/Column/ReactJs/index.html  | 39 ++-------
 .../DataGrid/ColumnChooser/ReactJs/index.html | 39 ++-------
 .../ColumnHeaderFilter/ReactJs/index.html     | 39 ++-------
 .../ColumnReordering/ReactJs/index.html       | 39 ++-------
 .../ColumnResizing/ReactJs/index.html         | 39 ++-------
 .../ColumnsHidingPriority/ReactJs/index.html  | 39 ++-------
 .../ReactJs/index.html                        | 33 ++-----
 .../CustomDataSource/ReactJs/index.html       | 33 ++-----
 .../DataGrid/CustomEditors/ReactJs/index.html | 39 ++-------
 .../CustomSummaries/ReactJs/index.html        | 39 ++-------
 .../ReactJs/index.html                        | 39 ++-------
 .../DataValidation/ReactJs/index.html         | 33 ++-----
 .../DeferredSelection/ReactJs/index.html      | 39 ++-------
 .../DnDBetweenGrids/ReactJs/index.html        | 39 ++-------
 .../EditStateManagement/ReactJs/index.html    | 39 ++-------
 .../ReactJs/index.html                        | 39 ++-------
 .../ExcelJSExportImages/ReactJs/index.html    | 39 ++-------
 .../ReactJs/index.html                        | 39 ++-------
 .../ExcelJSHeaderAndFooter/ReactJs/index.html | 39 ++-------
 .../ExcelJSOverview/ReactJs/index.html        | 39 ++-------
 .../DataGrid/FilterPanel/ReactJs/index.html   | 39 ++-------
 .../DataGrid/Filtering/ReactJs/index.html     | 39 ++-------
 .../DataGrid/FilteringAPI/ReactJs/index.html  | 39 ++-------
 .../FixedAndStickyColumns/ReactJs/index.html  | 39 ++-------
 .../DataGrid/FocusedRow/ReactJs/index.html    | 39 ++-------
 .../DataGrid/FormEditing/ReactJs/index.html   | 39 ++-------
 .../ReactJs/index.html                        | 39 ++-------
 .../DataGrid/GridSummaries/ReactJs/index.html | 39 ++-------
 .../GroupSummaries/ReactJs/index.html         | 39 ++-------
 .../ReactJs/index.html                        | 33 ++-----
 .../InfiniteScrolling/ReactJs/index.html      | 33 ++-----
 .../KeyboardNavigation/ReactJs/index.html     | 33 ++-----
 .../LocalReordering/ReactJs/index.html        | 39 ++-------
 .../MasterDetailAPI/ReactJs/index.html        | 39 ++-------
 .../MasterDetailView/ReactJs/index.html       | 39 ++-------
 .../MultiRowHeadersBands/ReactJs/index.html   | 39 ++-------
 .../ReactJs/index.html                        | 39 ++-------
 .../ReactJs/index.html                        | 39 ++-------
 .../MultipleSorting/ReactJs/index.html        | 39 ++-------
 .../NewRecordPosition/ReactJs/index.html      | 39 ++-------
 .../DataGrid/Overview/ReactJs/index.html      | 39 ++-------
 .../PDFCellCustomization/ReactJs/index.html   | 39 ++-------
 .../PDFExportImages/ReactJs/index.html        | 39 ++-------
 .../PDFExportMultipleGrids/ReactJs/index.html | 39 ++-------
 .../PDFHeaderAndFooter/ReactJs/index.html     | 39 ++-------
 .../DataGrid/PDFOverview/ReactJs/index.html   | 33 ++-----
 .../DataGrid/PopupEditing/ReactJs/index.html  | 39 ++-------
 .../RealTimeUpdates/ReactJs/index.html        | 39 ++-------
 .../ReactJs/index.html                        | 39 ++-------
 .../RecordGrouping/ReactJs/index.html         | 39 ++-------
 .../DataGrid/RecordPaging/ReactJs/index.html  | 39 ++-------
 .../RemoteCRUDOperations/ReactJs/index.html   | 39 ++-------
 .../RemoteGrouping/ReactJs/index.html         | 33 ++-----
 .../RemoteReordering/ReactJs/index.html       | 39 ++-------
 .../RemoteVirtualScrolling/ReactJs/index.html | 39 ++-------
 .../RightToLeftSupport/ReactJs/index.html     | 39 ++-------
 .../Demos/DataGrid/Row/ReactJs/index.html     | 39 ++-------
 .../DataGrid/RowEditing/ReactJs/index.html    | 39 ++-------
 .../DataGrid/RowSelection/ReactJs/index.html  | 39 ++-------
 .../SemanticSearch/ReactJs/index.html         | 33 ++-----
 .../SignalRService/ReactJs/index.html         | 39 ++-------
 .../DataGrid/SimpleArray/ReactJs/index.html   | 33 ++-----
 .../StatePersistence/ReactJs/index.html       | 39 ++-------
 .../Demos/DataGrid/Toolbar/ReactJs/index.html | 39 ++-------
 .../VirtualScrolling/ReactJs/index.html       | 33 ++-----
 .../DataGrid/WebAPIService/ReactJs/index.html | 33 ++-----
 .../DateBox/Formatting/ReactJs/index.html     | 39 ++-------
 .../Demos/DateBox/Overview/ReactJs/index.html | 39 ++-------
 .../Formatting/ReactJs/index.html             | 39 ++-------
 .../DateRangeBox/Overview/ReactJs/index.html  | 44 ++--------
 .../Diagram/Adaptability/ReactJs/index.html   | 48 ++---------
 .../AdvancedDataBinding/ReactJs/index.html    | 48 ++---------
 .../Diagram/Containers/ReactJs/index.html     | 48 ++---------
 .../CustomShapesWithIcons/ReactJs/index.html  | 48 ++---------
 .../ReactJs/index.html                        | 48 ++---------
 .../ReactJs/index.html                        | 48 ++---------
 .../CustomShapesWithTexts/ReactJs/index.html  | 48 ++---------
 .../Diagram/ImagesInShapes/ReactJs/index.html | 48 ++---------
 .../Diagram/ItemSelection/ReactJs/index.html  | 48 ++---------
 .../NodesAndEdgesArrays/ReactJs/index.html    | 48 ++---------
 .../ReactJs/index.html                        | 48 ++---------
 .../ReactJs/index.html                        | 48 ++---------
 .../OperationRestrictions/ReactJs/index.html  | 48 ++---------
 .../Demos/Diagram/Overview/ReactJs/index.html | 48 ++---------
 .../Demos/Diagram/ReadOnly/ReactJs/index.html | 48 ++---------
 .../Diagram/SimpleView/ReactJs/index.html     | 48 ++---------
 .../UICustomization/ReactJs/index.html        | 48 ++---------
 .../Diagram/WebAPIService/ReactJs/index.html  | 48 ++---------
 .../LeftOrRightPosition/ReactJs/index.html    | 40 ++-------
 .../TopOrBottomPosition/ReactJs/index.html    | 40 ++-------
 .../MultipleSelection/ReactJs/index.html      | 39 ++-------
 .../SingleSelection/ReactJs/index.html        | 39 ++-------
 .../Overview/ReactJs/index.html               | 39 ++-------
 .../FieldSet/Overview/ReactJs/index.html      | 39 ++-------
 .../BindingToEF/ReactJs/index.html            | 38 ++-------
 .../BindingToFileSystem/ReactJs/index.html    | 38 ++-------
 .../ReactJs/index.html                        | 38 ++-------
 .../CustomThumbnails/ReactJs/index.html       | 38 ++-------
 .../FileManager/Overview/ReactJs/index.html   | 44 ++--------
 .../UICustomization/ReactJs/index.html        | 33 ++-----
 .../ChunkUpload/ReactJs/index.html            | 39 ++-------
 .../CustomDropzone/ReactJs/index.html         | 39 ++-------
 .../FileSelection/ReactJs/index.html          | 39 ++-------
 .../FileUploading/ReactJs/index.html          | 39 ++-------
 .../Validation/ReactJs/index.html             | 39 ++-------
 .../Customization/ReactJs/index.html          | 39 ++-------
 .../WithDataGrid/ReactJs/index.html           | 39 ++-------
 .../FilterBuilder/WithList/ReactJs/index.html | 39 ++-------
 .../Overview/ReactJs/index.html               | 39 ++-------
 .../Form/Adaptability/ReactJs/index.html      | 44 ++--------
 .../Demos/Form/Grouping/ReactJs/index.html    | 44 ++--------
 .../Form/ItemCustomization/ReactJs/index.html | 44 ++--------
 .../Demos/Form/Overview/ReactJs/index.html    | 44 ++--------
 .../Demos/Form/SmartPaste/ReactJs/index.html  | 44 ++--------
 .../UpdateItemsDynamically/ReactJs/index.html | 44 ++--------
 .../Demos/Form/Validation/ReactJs/index.html  | 44 ++--------
 .../Gallery/ItemTemplate/ReactJs/index.html   | 39 ++-------
 .../Demos/Gallery/Overview/ReactJs/index.html | 39 ++-------
 .../Demos/Gantt/Appearance/ReactJs/index.html | 44 ++--------
 .../Gantt/ContextMenu/ReactJs/index.html      | 44 ++--------
 .../Gantt/DataBinding/ReactJs/index.html      | 44 ++--------
 .../Gantt/ExportToPDF/ReactJs/index.html      | 44 ++--------
 .../Demos/Gantt/FilterRow/ReactJs/index.html  | 44 ++--------
 .../Gantt/HeaderFilter/ReactJs/index.html     | 44 ++--------
 .../Demos/Gantt/Overview/ReactJs/index.html   | 44 ++--------
 .../Demos/Gantt/Sorting/ReactJs/index.html    | 44 ++--------
 .../Demos/Gantt/StripLines/ReactJs/index.html | 44 ++--------
 .../Gantt/TaskTemplate/ReactJs/index.html     | 44 ++--------
 .../Demos/Gantt/Toolbar/ReactJs/index.html    | 44 ++--------
 .../Demos/Gantt/Validation/ReactJs/index.html | 44 ++--------
 .../AnglesCustomization/ReactJs/index.html    | 39 ++-------
 .../Demos/Gauges/BarGauge/ReactJs/index.html  | 39 ++-------
 .../Gauges/CircularGauge/ReactJs/index.html   | 39 ++-------
 .../Gauges/CustomLayout/ReactJs/index.html    | 39 ++-------
 .../ReactJs/index.html                        | 39 ++-------
 .../ReactJs/index.html                        | 44 ++--------
 .../ReactJs/index.html                        | 39 ++-------
 .../ReactJs/index.html                        | 39 ++-------
 .../ReactJs/index.html                        | 39 ++-------
 .../GaugeTitleCustomized/ReactJs/index.html   | 39 ++-------
 .../Gauges/GaugeTooltip/ReactJs/index.html    | 39 ++-------
 .../LabelsCustomization/ReactJs/index.html    | 39 ++-------
 .../Gauges/LinearGauge/ReactJs/index.html     | 39 ++-------
 .../Demos/Gauges/Overview/ReactJs/index.html  | 39 ++-------
 .../Demos/Gauges/Palette/ReactJs/index.html   | 39 ++-------
 .../PaletteForRanges/ReactJs/index.html       | 39 ++-------
 .../RangeBarBaseValue/ReactJs/index.html      | 39 ++-------
 .../ReactJs/index.html                        | 39 ++-------
 .../ScaleCustomTickValues/ReactJs/index.html  | 39 ++-------
 .../ScaleLabelFormatting/ReactJs/index.html   | 39 ++-------
 .../Gauges/ScaleMinorTicks/ReactJs/index.html | 39 ++-------
 .../ReactJs/index.html                        | 39 ++-------
 .../ReactJs/index.html                        | 39 ++-------
 .../Demos/Gauges/Tooltip/ReactJs/index.html   | 39 ++-------
 .../ValueIndicatorsAPI/ReactJs/index.html     | 39 ++-------
 .../VariableNumberOfBars/ReactJs/index.html   | 39 ++-------
 .../AITextEditing/ReactJs/index.html          | 39 ++-------
 .../MarkdownSupport/ReactJs/index.html        | 39 ++-------
 .../HtmlEditor/Mentions/ReactJs/index.html    | 39 ++-------
 .../HtmlEditor/Overview/ReactJs/index.html    | 39 ++-------
 .../HtmlEditor/Tables/ReactJs/index.html      | 39 ++-------
 .../ToolbarCustomization/ReactJs/index.html   | 39 ++-------
 .../Demos/List/DragAndDrop/ReactJs/index.html | 39 ++-------
 .../Demos/List/Grouping/ReactJs/index.html    | 39 ++-------
 .../List/ItemDeletion/ReactJs/index.html      | 39 ++-------
 .../List/ItemTemplate/ReactJs/index.html      | 39 ++-------
 .../Demos/List/Search/ReactJs/index.html      | 39 ++-------
 .../Demos/List/Selection/ReactJs/index.html   | 39 ++-------
 .../Demos/List/WebAPI/ReactJs/index.html      | 38 ++-------
 .../LoadIndicator/Overview/ReactJs/index.html | 39 ++-------
 .../LoadPanel/Overview/ReactJs/index.html     | 39 ++-------
 .../UsingGlobalize/ReactJs/index.html         | 39 ++-------
 .../Localization/UsingIntl/ReactJs/index.html | 39 ++-------
 .../Demos/Lookup/Basics/ReactJs/index.html    | 39 ++-------
 .../Lookup/EventHandling/ReactJs/index.html   | 39 ++-------
 .../Demos/Lookup/Templates/ReactJs/index.html | 44 ++--------
 .../Demos/Map/Markers/ReactJs/index.html      | 39 ++-------
 .../Map/ProvidersAndTypes/ReactJs/index.html  | 39 ++-------
 .../demos/Demos/Map/Routes/ReactJs/index.html | 39 ++-------
 .../Demos/Menu/Overview/ReactJs/index.html    | 39 ++-------
 .../Demos/Menu/Scrolling/ReactJs/index.html   | 39 ++-------
 .../MultiView/Overview/ReactJs/index.html     | 39 ++-------
 .../NumberBox/Formatting/ReactJs/index.html   | 39 ++-------
 .../NumberBox/Overview/ReactJs/index.html     | 33 ++-----
 .../Pagination/Overview/ReactJs/index.html    | 39 ++-------
 .../ChartIntegration/ReactJs/index.html       | 39 ++-------
 .../Customization/ReactJs/index.html          | 38 ++-------
 .../PivotGrid/DrillDown/ReactJs/index.html    | 39 ++-------
 .../ReactJs/index.html                        | 32 ++-----
 .../ExcelJSOverview/ReactJs/index.html        | 32 ++-----
 .../ExcelJsHeaderAndFooter/ReactJs/index.html | 38 ++-------
 .../PivotGrid/FieldPanel/ReactJs/index.html   | 38 ++-------
 .../PivotGrid/Filtering/ReactJs/index.html    | 39 ++-------
 .../IntegratedFieldChooser/ReactJs/index.html | 39 ++-------
 .../OLAPDataSource/ReactJs/index.html         | 38 ++-------
 .../PivotGrid/Overview/ReactJs/index.html     | 39 ++-------
 .../RemoteVirtualScrolling/ReactJs/index.html | 38 ++-------
 .../RunningTotals/ReactJs/index.html          | 38 ++-------
 .../PivotGrid/SimpleArray/ReactJs/index.html  | 38 ++-------
 .../StandaloneFieldChooser/ReactJs/index.html | 39 ++-------
 .../StatePersistence/ReactJs/index.html       | 38 ++-------
 .../SummaryDisplayModes/ReactJs/index.html    | 38 ++-------
 .../VirtualScrolling/ReactJs/index.html       | 38 ++-------
 .../WebAPIService/ReactJs/index.html          | 33 ++-----
 .../Demos/Popover/Overview/ReactJs/index.html | 39 ++-------
 .../Demos/Popup/Overview/ReactJs/index.html   | 39 ++-------
 .../Demos/Popup/Scrolling/ReactJs/index.html  | 39 ++-------
 .../ProgressBar/Overview/ReactJs/index.html   | 39 ++-------
 .../RadioGroup/Overview/ReactJs/index.html    | 39 ++-------
 .../BackgroundImage/ReactJs/index.html        | 39 ++-------
 .../Calculation/ReactJs/index.html            | 39 ++-------
 .../CustomFormatting/ReactJs/index.html       | 39 ++-------
 .../DateTimeScale/ReactJs/index.html          | 39 ++-------
 .../ReactJs/index.html                        | 39 ++-------
 .../DiscreteScale/ReactJs/index.html          | 39 ++-------
 .../EmbeddedChart/ReactJs/index.html          | 39 ++-------
 .../ReactJs/index.html                        | 39 ++-------
 .../ReactJs/index.html                        | 39 ++-------
 .../RangeSelector/Filter/ReactJs/index.html   | 39 ++-------
 .../LogarithmicScale/ReactJs/index.html       | 39 ++-------
 .../NumericScale/ReactJs/index.html           | 39 ++-------
 .../ReactJs/index.html                        | 39 ++-------
 .../RangeSlider/Overview/ReactJs/index.html   | 39 ++-------
 .../Resizable/Overview/ReactJs/index.html     | 39 ++-------
 .../ResponsiveBox/Overview/ReactJs/index.html | 39 ++-------
 .../Scheduler/Adaptability/ReactJs/index.html | 39 ++-------
 .../Demos/Scheduler/Agenda/ReactJs/index.html | 33 ++-----
 .../AllDayPanelMode/ReactJs/index.html        | 39 ++-------
 .../ReactJs/index.html                        | 33 ++-----
 .../Scheduler/BasicViews/ReactJs/index.html   | 33 ++-----
 .../CellTemplates/ReactJs/index.html          | 39 ++-------
 .../Scheduler/ContextMenu/ReactJs/index.html  | 39 ++-------
 .../CreateFromSelection/ReactJs/index.html    | 38 ++-------
 .../CurrentTimeIndicator/ReactJs/index.html   | 39 ++-------
 .../CustomViewDuration/ReactJs/index.html     | 33 ++-----
 .../Scheduler/DragAndDrop/ReactJs/index.html  | 39 ++-------
 .../Scheduler/Editing/ReactJs/index.html      | 39 ++-------
 .../ReactJs/index.html                        | 39 ++-------
 .../Scheduler/GroupByDate/ReactJs/index.html  | 39 ++-------
 .../GroupingByResources/ReactJs/index.html    | 39 ++-------
 .../Scheduler/HiddenDays/ReactJs/index.html   | 39 ++-------
 .../ReactJs/index.html                        | 39 ++-------
 .../Scheduler/Overview/ReactJs/index.html     | 39 ++-------
 .../RecurringAppointments/ReactJs/index.html  | 33 ++-----
 .../ResolveTimeConflicts/ReactJs/index.html   | 39 ++-------
 .../Scheduler/Resources/ReactJs/index.html    | 39 ++-------
 .../SignalRService/ReactJs/index.html         | 40 ++-------
 .../Scheduler/SimpleArray/ReactJs/index.html  | 33 ++-----
 .../Scheduler/Templates/ReactJs/index.html    | 38 ++-------
 .../TimeZonesSupport/ReactJs/index.html       | 39 ++-------
 .../Scheduler/Timelines/ReactJs/index.html    | 39 ++-------
 .../Scheduler/Toolbar/ReactJs/index.html      | 33 ++-----
 .../VirtualScrolling/ReactJs/index.html       | 39 ++-------
 .../WebAPIService/ReactJs/index.html          | 33 ++-----
 .../Scheduler/WorkShifts/ReactJs/index.html   | 38 ++-------
 .../ScrollView/Overview/ReactJs/index.html    | 39 ++-------
 .../ReactJs/index.html                        | 39 ++-------
 .../SelectBox/Grouping/ReactJs/index.html     | 44 ++--------
 .../SelectBox/Overview/ReactJs/index.html     | 39 ++-------
 .../SearchAndEditing/ReactJs/index.html       | 44 ++--------
 .../Demos/Slider/Overview/ReactJs/index.html  | 44 ++--------
 .../Sortable/Customization/ReactJs/index.html | 44 ++--------
 .../Demos/Sortable/Kanban/ReactJs/index.html  | 39 ++-------
 .../SpeechToText/Overview/ReactJs/index.html  | 39 ++-------
 .../Splitter/Overview/ReactJs/index.html      | 39 ++-------
 .../FormIntegration/ReactJs/index.html        | 39 ++-------
 .../Demos/Stepper/Overview/ReactJs/index.html | 39 ++-------
 .../Stepper/StepTemplate/ReactJs/index.html   | 39 ++-------
 .../Demos/Switch/Overview/ReactJs/index.html  | 33 ++-----
 .../TabPanel/DragAndDrop/ReactJs/index.html   | 39 ++-------
 .../TabPanel/Overview/ReactJs/index.html      | 39 ++-------
 .../TabPanel/Templates/ReactJs/index.html     | 39 ++-------
 .../Demos/Tabs/Overview/ReactJs/index.html    | 39 ++-------
 .../Demos/Tabs/Selection/ReactJs/index.html   | 39 ++-------
 .../Demos/TagBox/Grouping/ReactJs/index.html  | 44 ++--------
 .../Demos/TagBox/Overview/ReactJs/index.html  | 39 ++-------
 .../TagCountLimitation/ReactJs/index.html     | 39 ++-------
 .../TextArea/Overview/ReactJs/index.html      | 39 ++-------
 .../Demos/TextBox/Overview/ReactJs/index.html | 33 ++-----
 .../Demos/TileView/Basics/ReactJs/index.html  | 39 ++-------
 .../TileView/Directions/ReactJs/index.html    | 39 ++-------
 .../TileView/ItemTemplate/ReactJs/index.html  | 39 ++-------
 .../Demos/Toast/Overview/ReactJs/index.html   | 39 ++-------
 .../Demos/Toast/Stack/ReactJs/index.html      | 39 ++-------
 .../Toolbar/Adaptability/ReactJs/index.html   | 39 ++-------
 .../Demos/Toolbar/Overview/ReactJs/index.html | 39 ++-------
 .../Demos/Tooltip/Overview/ReactJs/index.html | 39 ++-------
 .../TreeList/AIColumns/ReactJs/index.html     | 39 ++-------
 .../TreeList/Adaptability/ReactJs/index.html  | 39 ++-------
 .../TreeList/BatchEditing/ReactJs/index.html  | 39 ++-------
 .../TreeList/CellEditing/ReactJs/index.html   | 39 ++-------
 .../TreeList/ColumnChooser/ReactJs/index.html | 39 ++-------
 .../ColumnHeaderFilter/ReactJs/index.html     | 39 ++-------
 .../ReactJs/index.html                        | 39 ++-------
 .../TreeList/FilterModes/ReactJs/index.html   | 39 ++-------
 .../TreeList/FilterPanel/ReactJs/index.html   | 39 ++-------
 .../TreeList/FilterRow/ReactJs/index.html     | 39 ++-------
 .../FixedAndStickyColumns/ReactJs/index.html  | 39 ++-------
 .../TreeList/FocusedRow/ReactJs/index.html    | 39 ++-------
 .../TreeList/FormEditing/ReactJs/index.html   | 39 ++-------
 .../KeyboardNavigation/ReactJs/index.html     | 33 ++-----
 .../LoadDataOnDemand/ReactJs/index.html       | 39 ++-------
 .../LocalReordering/ReactJs/index.html        | 39 ++-------
 .../MultipleRowSelection/ReactJs/index.html   | 39 ++-------
 .../MultipleSorting/ReactJs/index.html        | 39 ++-------
 .../TreeList/Overview/ReactJs/index.html      | 39 ++-------
 .../Demos/TreeList/Paging/ReactJs/index.html  | 33 ++-----
 .../TreeList/PopupEditing/ReactJs/index.html  | 39 ++-------
 .../TreeList/Reordering/ReactJs/index.html    | 39 ++-------
 .../TreeList/Resizing/ReactJs/index.html      | 39 ++-------
 .../TreeList/RowEditing/ReactJs/index.html    | 39 ++-------
 .../TreeList/SearchPanel/ReactJs/index.html   | 39 ++-------
 .../ReactJs/index.html                        | 39 ++-------
 .../ReactJs/index.html                        | 39 ++-------
 .../SingleRowSelection/ReactJs/index.html     | 39 ++-------
 .../StatePersistence/ReactJs/index.html       | 39 ++-------
 .../TreeList/WebAPIService/ReactJs/index.html | 39 ++-------
 .../ContextMenuIntegration/ReactJs/index.html | 39 ++-------
 .../ReactJs/index.html                        | 39 ++-------
 .../ReactJs/index.html                        | 39 ++-------
 .../FlatDataStructure/ReactJs/index.html      | 39 ++-------
 .../ReactJs/index.html                        | 39 ++-------
 .../ReactJs/index.html                        | 39 ++-------
 .../LoadDataOnDemand/ReactJs/index.html       | 33 ++-----
 .../TreeViewWithSearchBar/ReactJs/index.html  | 39 ++-------
 .../TreeView/VirtualMode/ReactJs/index.html   | 33 ++-----
 .../Validation/Overview/ReactJs/index.html    | 39 ++-------
 .../BubbleMarkers/ReactJs/index.html          | 39 ++-------
 .../ColorsCustomization/ReactJs/index.html    | 39 ++-------
 .../CustomAnnotations/ReactJs/index.html      | 39 ++-------
 .../CustomMapData/ReactJs/index.html          | 39 ++-------
 .../CustomProjection/ReactJs/index.html       | 39 ++-------
 .../DynamicViewport/ReactJs/index.html        | 39 ++-------
 .../VectorMap/FloorPlan/ReactJs/index.html    | 39 ++-------
 .../VectorMap/ImageMarkers/ReactJs/index.html | 39 ++-------
 .../Demos/VectorMap/Legend/ReactJs/index.html | 39 ++-------
 .../MultipleLayers/ReactJs/index.html         | 39 ++-------
 .../VectorMap/Overview/ReactJs/index.html     | 39 ++-------
 .../VectorMap/Palette/ReactJs/index.html      | 39 ++-------
 .../VectorMap/PieMarkers/ReactJs/index.html   | 39 ++-------
 .../TooltipsCustomization/ReactJs/index.html  | 39 ++-------
 .../ZoomingAndCentering/ReactJs/index.html    | 39 ++-------
 500 files changed, 2959 insertions(+), 16641 deletions(-)

diff --git a/apps/demos/Demos/Accordion/Overview/ReactJs/index.html b/apps/demos/Demos/Accordion/Overview/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Accordion/Overview/ReactJs/index.html
+++ b/apps/demos/Demos/Accordion/Overview/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/ActionSheet/Basics/ReactJs/index.html b/apps/demos/Demos/ActionSheet/Basics/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/ActionSheet/Basics/ReactJs/index.html
+++ b/apps/demos/Demos/ActionSheet/Basics/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/ActionSheet/PopoverMode/ReactJs/index.html b/apps/demos/Demos/ActionSheet/PopoverMode/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/ActionSheet/PopoverMode/ReactJs/index.html
+++ b/apps/demos/Demos/ActionSheet/PopoverMode/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Autocomplete/Overview/ReactJs/index.html b/apps/demos/Demos/Autocomplete/Overview/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Autocomplete/Overview/ReactJs/index.html
+++ b/apps/demos/Demos/Autocomplete/Overview/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Box/Overview/ReactJs/index.html b/apps/demos/Demos/Box/Overview/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Box/Overview/ReactJs/index.html
+++ b/apps/demos/Demos/Box/Overview/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Button/Icons/ReactJs/index.html b/apps/demos/Demos/Button/Icons/ReactJs/index.html
index cefc207216e7..7b47950bbaff 100644
--- a/apps/demos/Demos/Button/Icons/ReactJs/index.html
+++ b/apps/demos/Demos/Button/Icons/ReactJs/index.html
@@ -2,48 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Button/PredefinedTypes/ReactJs/index.html b/apps/demos/Demos/Button/PredefinedTypes/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Button/PredefinedTypes/ReactJs/index.html
+++ b/apps/demos/Demos/Button/PredefinedTypes/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/ButtonGroup/Overview/ReactJs/index.html b/apps/demos/Demos/ButtonGroup/Overview/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/ButtonGroup/Overview/ReactJs/index.html
+++ b/apps/demos/Demos/ButtonGroup/Overview/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Calendar/MultipleSelection/ReactJs/index.html b/apps/demos/Demos/Calendar/MultipleSelection/ReactJs/index.html
index cefc207216e7..7b47950bbaff 100644
--- a/apps/demos/Demos/Calendar/MultipleSelection/ReactJs/index.html
+++ b/apps/demos/Demos/Calendar/MultipleSelection/ReactJs/index.html
@@ -2,48 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Calendar/Overview/ReactJs/index.html b/apps/demos/Demos/Calendar/Overview/ReactJs/index.html
index cefc207216e7..7b47950bbaff 100644
--- a/apps/demos/Demos/Calendar/Overview/ReactJs/index.html
+++ b/apps/demos/Demos/Calendar/Overview/ReactJs/index.html
@@ -2,48 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/CardView/CardTemplate/ReactJs/index.html b/apps/demos/Demos/CardView/CardTemplate/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/CardView/CardTemplate/ReactJs/index.html
+++ b/apps/demos/Demos/CardView/CardTemplate/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/CardView/ColumnChooser/ReactJs/index.html b/apps/demos/Demos/CardView/ColumnChooser/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/CardView/ColumnChooser/ReactJs/index.html
+++ b/apps/demos/Demos/CardView/ColumnChooser/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/CardView/ColumnHeaderFilter/ReactJs/index.html b/apps/demos/Demos/CardView/ColumnHeaderFilter/ReactJs/index.html
index d6d83f735a76..1da2da79d709 100644
--- a/apps/demos/Demos/CardView/ColumnHeaderFilter/ReactJs/index.html
+++ b/apps/demos/Demos/CardView/ColumnHeaderFilter/ReactJs/index.html
@@ -2,38 +2,15 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/CardView/ColumnReordering/ReactJs/index.html b/apps/demos/Demos/CardView/ColumnReordering/ReactJs/index.html
index d6d83f735a76..1da2da79d709 100644
--- a/apps/demos/Demos/CardView/ColumnReordering/ReactJs/index.html
+++ b/apps/demos/Demos/CardView/ColumnReordering/ReactJs/index.html
@@ -2,38 +2,15 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/CardView/DataValidation/ReactJs/index.html b/apps/demos/Demos/CardView/DataValidation/ReactJs/index.html
index d6d83f735a76..1da2da79d709 100644
--- a/apps/demos/Demos/CardView/DataValidation/ReactJs/index.html
+++ b/apps/demos/Demos/CardView/DataValidation/ReactJs/index.html
@@ -2,38 +2,15 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/CardView/FieldTemplate/ReactJs/index.html b/apps/demos/Demos/CardView/FieldTemplate/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/CardView/FieldTemplate/ReactJs/index.html
+++ b/apps/demos/Demos/CardView/FieldTemplate/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/CardView/FilterPanel/ReactJs/index.html b/apps/demos/Demos/CardView/FilterPanel/ReactJs/index.html
index d6d83f735a76..1da2da79d709 100644
--- a/apps/demos/Demos/CardView/FilterPanel/ReactJs/index.html
+++ b/apps/demos/Demos/CardView/FilterPanel/ReactJs/index.html
@@ -2,38 +2,15 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/CardView/Overview/ReactJs/index.html b/apps/demos/Demos/CardView/Overview/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/CardView/Overview/ReactJs/index.html
+++ b/apps/demos/Demos/CardView/Overview/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/CardView/PopupEditing/ReactJs/index.html b/apps/demos/Demos/CardView/PopupEditing/ReactJs/index.html
index d6d83f735a76..1da2da79d709 100644
--- a/apps/demos/Demos/CardView/PopupEditing/ReactJs/index.html
+++ b/apps/demos/Demos/CardView/PopupEditing/ReactJs/index.html
@@ -2,38 +2,15 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/CardView/SearchPanel/ReactJs/index.html b/apps/demos/Demos/CardView/SearchPanel/ReactJs/index.html
index d6d83f735a76..1da2da79d709 100644
--- a/apps/demos/Demos/CardView/SearchPanel/ReactJs/index.html
+++ b/apps/demos/Demos/CardView/SearchPanel/ReactJs/index.html
@@ -2,38 +2,15 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/CardView/Selection/ReactJs/index.html b/apps/demos/Demos/CardView/Selection/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/CardView/Selection/ReactJs/index.html
+++ b/apps/demos/Demos/CardView/Selection/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/CardView/SimpleArray/ReactJs/index.html b/apps/demos/Demos/CardView/SimpleArray/ReactJs/index.html
index d6d83f735a76..1da2da79d709 100644
--- a/apps/demos/Demos/CardView/SimpleArray/ReactJs/index.html
+++ b/apps/demos/Demos/CardView/SimpleArray/ReactJs/index.html
@@ -2,38 +2,15 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/CardView/Sorting/ReactJs/index.html b/apps/demos/Demos/CardView/Sorting/ReactJs/index.html
index d6d83f735a76..1da2da79d709 100644
--- a/apps/demos/Demos/CardView/Sorting/ReactJs/index.html
+++ b/apps/demos/Demos/CardView/Sorting/ReactJs/index.html
@@ -2,38 +2,15 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/CardView/WebAPIService/ReactJs/index.html b/apps/demos/Demos/CardView/WebAPIService/ReactJs/index.html
index d6d83f735a76..1da2da79d709 100644
--- a/apps/demos/Demos/CardView/WebAPIService/ReactJs/index.html
+++ b/apps/demos/Demos/CardView/WebAPIService/ReactJs/index.html
@@ -2,38 +2,15 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/AjaxRequest/ReactJs/index.html b/apps/demos/Demos/Charts/AjaxRequest/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/AjaxRequest/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/AjaxRequest/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/Annotation/ReactJs/index.html b/apps/demos/Demos/Charts/Annotation/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/Annotation/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/Annotation/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/Area/ReactJs/index.html b/apps/demos/Demos/Charts/Area/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/Area/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/Area/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/AreaSelectionZooming/ReactJs/index.html b/apps/demos/Demos/Charts/AreaSelectionZooming/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/AreaSelectionZooming/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/AreaSelectionZooming/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/AreaSparklines/ReactJs/index.html b/apps/demos/Demos/Charts/AreaSparklines/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/AreaSparklines/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/AreaSparklines/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/AutoCalculatedBarWidth/ReactJs/index.html b/apps/demos/Demos/Charts/AutoCalculatedBarWidth/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/AutoCalculatedBarWidth/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/AutoCalculatedBarWidth/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/AxisCustomPosition/ReactJs/index.html b/apps/demos/Demos/Charts/AxisCustomPosition/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/AxisCustomPosition/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/AxisCustomPosition/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/AxisLabelCustomization/ReactJs/index.html b/apps/demos/Demos/Charts/AxisLabelCustomization/ReactJs/index.html
index fe4bbaee8c6f..41f94f45001e 100644
--- a/apps/demos/Demos/Charts/AxisLabelCustomization/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/AxisLabelCustomization/ReactJs/index.html
@@ -2,86 +2,27 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
-      <svg
-        width="0"
-        height="0"
-      >
+      <svg width="0" height="0">
         <defs>
-          <filter
-            id="DevExpress_shadow_filter"
-            x="-50%"
-            y="-50%"
-            width="200%"
-            height="200%"
-            transform="translate(0,0)"
-          >
-            <fegaussianblur
-              in="SourceGraphic"
-              result="gaussianBlurResult"
-              stdDeviation="3"
-            ></fegaussianblur>
-            <feoffset
-              in="gaussianBlurResult"
-              result="offsetResult"
-              dx="0"
-              dy="1"
-            ></feoffset>
-            <feflood
-              result="floodResult"
-              flood-color="#000000"
-              flood-opacity="0.3"
-            ></feflood>
-            <fecomposite
-              in="floodResult"
-              in2="offsetResult"
-              operator="in"
-              result="compositeResult"
-            ></fecomposite>
-            <fecomposite
-              in="SourceGraphic"
-              in2="compositeResult"
-              operator="over"
-            ></fecomposite>
+          <filter id="DevExpress_shadow_filter" x="-50%" y="-50%" width="200%" height="200%" transform="translate(0,0)">
+            <fegaussianblur in="SourceGraphic" result="gaussianBlurResult" stdDeviation="3"></fegaussianblur>
+            <feoffset in="gaussianBlurResult" result="offsetResult" dx="0" dy="1"></feoffset>
+            <feflood result="floodResult" flood-color="#000000" flood-opacity="0.3"></feflood>
+            <fecomposite in="floodResult" in2="offsetResult" operator="in" result="compositeResult"></fecomposite>
+            <fecomposite in="SourceGraphic" in2="compositeResult" operator="over"></fecomposite>
           </filter>
         </defs>
       </svg>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/BarColorCustomization/ReactJs/index.html b/apps/demos/Demos/Charts/BarColorCustomization/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/BarColorCustomization/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/BarColorCustomization/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/BarDrillDown/ReactJs/index.html b/apps/demos/Demos/Charts/BarDrillDown/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/BarDrillDown/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/BarDrillDown/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/BarSparklines/ReactJs/index.html b/apps/demos/Demos/Charts/BarSparklines/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/BarSparklines/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/BarSparklines/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/BiDirectionalBarChart/ReactJs/index.html b/apps/demos/Demos/Charts/BiDirectionalBarChart/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/BiDirectionalBarChart/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/BiDirectionalBarChart/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/Bubble/ReactJs/index.html b/apps/demos/Demos/Charts/Bubble/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/Bubble/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/Bubble/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/Candlestick/ReactJs/index.html b/apps/demos/Demos/Charts/Candlestick/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/Candlestick/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/Candlestick/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/CenterLabelCustomization/ReactJs/index.html b/apps/demos/Demos/Charts/CenterLabelCustomization/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/CenterLabelCustomization/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/CenterLabelCustomization/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/ClientSideDataProcessing/ReactJs/index.html b/apps/demos/Demos/Charts/ClientSideDataProcessing/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/ClientSideDataProcessing/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/ClientSideDataProcessing/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/Colorization/ReactJs/index.html b/apps/demos/Demos/Charts/Colorization/ReactJs/index.html
index 69766218ddb1..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/Colorization/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/Colorization/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="dx-theme"
-      data-theme="generic.light"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/ContinuousData/ReactJs/index.html b/apps/demos/Demos/Charts/ContinuousData/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/ContinuousData/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/ContinuousData/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/Crosshair/ReactJs/index.html b/apps/demos/Demos/Charts/Crosshair/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/Crosshair/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/Crosshair/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/CustomAnnotations/ReactJs/index.html b/apps/demos/Demos/Charts/CustomAnnotations/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/CustomAnnotations/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/CustomAnnotations/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/CustomBarWidth/ReactJs/index.html b/apps/demos/Demos/Charts/CustomBarWidth/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/CustomBarWidth/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/CustomBarWidth/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/CustomFillStyles/ReactJs/index.html b/apps/demos/Demos/Charts/CustomFillStyles/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/CustomFillStyles/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/CustomFillStyles/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/CustomizePointsAndLabels/ReactJs/index.html b/apps/demos/Demos/Charts/CustomizePointsAndLabels/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/CustomizePointsAndLabels/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/CustomizePointsAndLabels/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/DiscreteAxisZoomingAndScrolling/ReactJs/index.html b/apps/demos/Demos/Charts/DiscreteAxisZoomingAndScrolling/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/DiscreteAxisZoomingAndScrolling/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/DiscreteAxisZoomingAndScrolling/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/DiscreteData/ReactJs/index.html b/apps/demos/Demos/Charts/DiscreteData/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/DiscreteData/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/DiscreteData/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/DiscretePointsAggregation/ReactJs/index.html b/apps/demos/Demos/Charts/DiscretePointsAggregation/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/DiscretePointsAggregation/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/DiscretePointsAggregation/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/Doughnut/ReactJs/index.html b/apps/demos/Demos/Charts/Doughnut/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/Doughnut/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/Doughnut/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/DoughnutSelection/ReactJs/index.html b/apps/demos/Demos/Charts/DoughnutSelection/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/DoughnutSelection/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/DoughnutSelection/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/DoughnutWithTopNSeries/ReactJs/index.html b/apps/demos/Demos/Charts/DoughnutWithTopNSeries/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/DoughnutWithTopNSeries/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/DoughnutWithTopNSeries/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/DrillDown/ReactJs/index.html b/apps/demos/Demos/Charts/DrillDown/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/DrillDown/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/DrillDown/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/DynamicSeries/ReactJs/index.html b/apps/demos/Demos/Charts/DynamicSeries/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/DynamicSeries/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/DynamicSeries/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/EqualSizePies/ReactJs/index.html b/apps/demos/Demos/Charts/EqualSizePies/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/EqualSizePies/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/EqualSizePies/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/ErrorBars/ReactJs/index.html b/apps/demos/Demos/Charts/ErrorBars/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/ErrorBars/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/ErrorBars/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/ExportAndPrintingAPI/ReactJs/index.html b/apps/demos/Demos/Charts/ExportAndPrintingAPI/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/ExportAndPrintingAPI/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/ExportAndPrintingAPI/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/ExportCustomMarkup/ReactJs/index.html b/apps/demos/Demos/Charts/ExportCustomMarkup/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/ExportCustomMarkup/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/ExportCustomMarkup/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/ExportSeveralCharts/ReactJs/index.html b/apps/demos/Demos/Charts/ExportSeveralCharts/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/ExportSeveralCharts/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/ExportSeveralCharts/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/FlatDataStructure/ReactJs/index.html b/apps/demos/Demos/Charts/FlatDataStructure/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/FlatDataStructure/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/FlatDataStructure/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/FullStackedBar/ReactJs/index.html b/apps/demos/Demos/Charts/FullStackedBar/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/FullStackedBar/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/FullStackedBar/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/FunnelChart/ReactJs/index.html b/apps/demos/Demos/Charts/FunnelChart/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/FunnelChart/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/FunnelChart/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/HierarchicalDataStructure/ReactJs/index.html b/apps/demos/Demos/Charts/HierarchicalDataStructure/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/HierarchicalDataStructure/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/HierarchicalDataStructure/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/HoverMode/ReactJs/index.html b/apps/demos/Demos/Charts/HoverMode/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/HoverMode/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/HoverMode/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/InvertedChart/ReactJs/index.html b/apps/demos/Demos/Charts/InvertedChart/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/InvertedChart/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/InvertedChart/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/LabelCustomization/ReactJs/index.html b/apps/demos/Demos/Charts/LabelCustomization/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/LabelCustomization/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/LabelCustomization/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/LegendMarkersCustomization/ReactJs/index.html b/apps/demos/Demos/Charts/LegendMarkersCustomization/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/LegendMarkersCustomization/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/LegendMarkersCustomization/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/Line/ReactJs/index.html b/apps/demos/Demos/Charts/Line/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/Line/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/Line/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/LoadDataOnDemand/ReactJs/index.html b/apps/demos/Demos/Charts/LoadDataOnDemand/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/LoadDataOnDemand/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/LoadDataOnDemand/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/LogarithmicAxis/ReactJs/index.html b/apps/demos/Demos/Charts/LogarithmicAxis/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/LogarithmicAxis/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/LogarithmicAxis/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/LogarithmicVsLinearAxes/ReactJs/index.html b/apps/demos/Demos/Charts/LogarithmicVsLinearAxes/ReactJs/index.html
index 69766218ddb1..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/LogarithmicVsLinearAxes/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/LogarithmicVsLinearAxes/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="dx-theme"
-      data-theme="generic.light"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/MultipleAxes/ReactJs/index.html b/apps/demos/Demos/Charts/MultipleAxes/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/MultipleAxes/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/MultipleAxes/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/MultiplePanes/ReactJs/index.html b/apps/demos/Demos/Charts/MultiplePanes/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/MultiplePanes/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/MultiplePanes/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/MultiplePointSelection/ReactJs/index.html b/apps/demos/Demos/Charts/MultiplePointSelection/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/MultiplePointSelection/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/MultiplePointSelection/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/MultipleSeriesSelection/ReactJs/index.html b/apps/demos/Demos/Charts/MultipleSeriesSelection/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/MultipleSeriesSelection/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/MultipleSeriesSelection/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/NullPointSupport/ReactJs/index.html b/apps/demos/Demos/Charts/NullPointSupport/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/NullPointSupport/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/NullPointSupport/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/Overview/ReactJs/index.html b/apps/demos/Demos/Charts/Overview/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/Overview/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/Overview/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/Palette/ReactJs/index.html b/apps/demos/Demos/Charts/Palette/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/Palette/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/Palette/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/ParetoChart/ReactJs/index.html b/apps/demos/Demos/Charts/ParetoChart/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/ParetoChart/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/ParetoChart/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/PeriodicData/ReactJs/index.html b/apps/demos/Demos/Charts/PeriodicData/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/PeriodicData/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/PeriodicData/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/Pie/ReactJs/index.html b/apps/demos/Demos/Charts/Pie/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/Pie/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/Pie/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/PieAnnotations/ReactJs/index.html b/apps/demos/Demos/Charts/PieAnnotations/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/PieAnnotations/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/PieAnnotations/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/PieResolveLabelOverlap/ReactJs/index.html b/apps/demos/Demos/Charts/PieResolveLabelOverlap/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/PieResolveLabelOverlap/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/PieResolveLabelOverlap/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/PieWithMultipleSeries/ReactJs/index.html b/apps/demos/Demos/Charts/PieWithMultipleSeries/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/PieWithMultipleSeries/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/PieWithMultipleSeries/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/PointImage/ReactJs/index.html b/apps/demos/Demos/Charts/PointImage/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/PointImage/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/PointImage/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/PointSelectionAPI/ReactJs/index.html b/apps/demos/Demos/Charts/PointSelectionAPI/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/PointSelectionAPI/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/PointSelectionAPI/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/PointsAggregation/ReactJs/index.html b/apps/demos/Demos/Charts/PointsAggregation/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/PointsAggregation/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/PointsAggregation/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/PointsAggregationFinancialChart/ReactJs/index.html b/apps/demos/Demos/Charts/PointsAggregationFinancialChart/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/PointsAggregationFinancialChart/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/PointsAggregationFinancialChart/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/PolarChartAnnotations/ReactJs/index.html b/apps/demos/Demos/Charts/PolarChartAnnotations/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/PolarChartAnnotations/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/PolarChartAnnotations/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/PolarChartZoomingAndScrollingAPI/ReactJs/index.html b/apps/demos/Demos/Charts/PolarChartZoomingAndScrollingAPI/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/PolarChartZoomingAndScrollingAPI/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/PolarChartZoomingAndScrollingAPI/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/PyramidChart/ReactJs/index.html b/apps/demos/Demos/Charts/PyramidChart/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/PyramidChart/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/PyramidChart/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/RangeArea/ReactJs/index.html b/apps/demos/Demos/Charts/RangeArea/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/RangeArea/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/RangeArea/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/RangeBar/ReactJs/index.html b/apps/demos/Demos/Charts/RangeBar/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/RangeBar/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/RangeBar/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/ResolveLabelOverlap/ReactJs/index.html b/apps/demos/Demos/Charts/ResolveLabelOverlap/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/ResolveLabelOverlap/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/ResolveLabelOverlap/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/SankeyChart/ReactJs/index.html b/apps/demos/Demos/Charts/SankeyChart/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/SankeyChart/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/SankeyChart/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/ScaleBreaks/ReactJs/index.html b/apps/demos/Demos/Charts/ScaleBreaks/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/ScaleBreaks/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/ScaleBreaks/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/Scatter/ReactJs/index.html b/apps/demos/Demos/Charts/Scatter/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/Scatter/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/Scatter/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/Selection/ReactJs/index.html b/apps/demos/Demos/Charts/Selection/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/Selection/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/Selection/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/ServerSideDataProcessing/ReactJs/index.html b/apps/demos/Demos/Charts/ServerSideDataProcessing/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/ServerSideDataProcessing/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/ServerSideDataProcessing/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/SideBySideBar/ReactJs/index.html b/apps/demos/Demos/Charts/SideBySideBar/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/SideBySideBar/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/SideBySideBar/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/SideBySideFullStackedBar/ReactJs/index.html b/apps/demos/Demos/Charts/SideBySideFullStackedBar/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/SideBySideFullStackedBar/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/SideBySideFullStackedBar/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/SideBySideStackedBar/ReactJs/index.html b/apps/demos/Demos/Charts/SideBySideStackedBar/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/SideBySideStackedBar/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/SideBySideStackedBar/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/SignalRService/ReactJs/index.html b/apps/demos/Demos/Charts/SignalRService/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/SignalRService/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/SignalRService/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/SimpleArray/ReactJs/index.html b/apps/demos/Demos/Charts/SimpleArray/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/SimpleArray/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/SimpleArray/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/SimpleBullets/ReactJs/index.html b/apps/demos/Demos/Charts/SimpleBullets/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/SimpleBullets/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/SimpleBullets/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/SimpleSparklines/ReactJs/index.html b/apps/demos/Demos/Charts/SimpleSparklines/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/SimpleSparklines/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/SimpleSparklines/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/SmallValueGroups/ReactJs/index.html b/apps/demos/Demos/Charts/SmallValueGroups/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/SmallValueGroups/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/SmallValueGroups/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/SpiderWeb/ReactJs/index.html b/apps/demos/Demos/Charts/SpiderWeb/ReactJs/index.html
index 1a52e25464a8..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/SpiderWeb/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/SpiderWeb/ReactJs/index.html
@@ -2,50 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="preload"
-      href="https://fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBHMdazQ.woff2"
-      as="font"
-      type="font/woff2"
-      crossorigin
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/Spline/ReactJs/index.html b/apps/demos/Demos/Charts/Spline/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/Spline/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/Spline/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/SplineArea/ReactJs/index.html b/apps/demos/Demos/Charts/SplineArea/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/SplineArea/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/SplineArea/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/StackedBar/ReactJs/index.html b/apps/demos/Demos/Charts/StackedBar/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/StackedBar/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/StackedBar/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/StandardBar/ReactJs/index.html b/apps/demos/Demos/Charts/StandardBar/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/StandardBar/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/StandardBar/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/StepArea/ReactJs/index.html b/apps/demos/Demos/Charts/StepArea/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/StepArea/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/StepArea/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/StepLine/ReactJs/index.html b/apps/demos/Demos/Charts/StepLine/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/StepLine/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/StepLine/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/Stock/ReactJs/index.html b/apps/demos/Demos/Charts/Stock/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/Stock/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/Stock/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/Strips/ReactJs/index.html b/apps/demos/Demos/Charts/Strips/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/Strips/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/Strips/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/TilingAlgorithms/ReactJs/index.html b/apps/demos/Demos/Charts/TilingAlgorithms/ReactJs/index.html
index 69766218ddb1..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/TilingAlgorithms/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/TilingAlgorithms/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="dx-theme"
-      data-theme="generic.light"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/Timeline/ReactJs/index.html b/apps/demos/Demos/Charts/Timeline/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/Timeline/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/Timeline/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/TooltipAPI/ReactJs/index.html b/apps/demos/Demos/Charts/TooltipAPI/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/TooltipAPI/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/TooltipAPI/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/TooltipCustomization/ReactJs/index.html b/apps/demos/Demos/Charts/TooltipCustomization/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/TooltipCustomization/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/TooltipCustomization/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/WindRose/ReactJs/index.html b/apps/demos/Demos/Charts/WindRose/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/WindRose/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/WindRose/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/WinlossSparklines/ReactJs/index.html b/apps/demos/Demos/Charts/WinlossSparklines/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/WinlossSparklines/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/WinlossSparklines/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/ZoomingAndScrolling/ReactJs/index.html b/apps/demos/Demos/Charts/ZoomingAndScrolling/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Charts/ZoomingAndScrolling/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/ZoomingAndScrolling/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/ZoomingAndScrollingAPI/ReactJs/index.html b/apps/demos/Demos/Charts/ZoomingAndScrollingAPI/ReactJs/index.html
index d6d83f735a76..1da2da79d709 100644
--- a/apps/demos/Demos/Charts/ZoomingAndScrollingAPI/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/ZoomingAndScrollingAPI/ReactJs/index.html
@@ -2,38 +2,15 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Chat/AIAndChatbotIntegration/ReactJs/index.html b/apps/demos/Demos/Chat/AIAndChatbotIntegration/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Chat/AIAndChatbotIntegration/ReactJs/index.html
+++ b/apps/demos/Demos/Chat/AIAndChatbotIntegration/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Chat/Customization/ReactJs/index.html b/apps/demos/Demos/Chat/Customization/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Chat/Customization/ReactJs/index.html
+++ b/apps/demos/Demos/Chat/Customization/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Chat/FileAttachments/ReactJs/index.html b/apps/demos/Demos/Chat/FileAttachments/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Chat/FileAttachments/ReactJs/index.html
+++ b/apps/demos/Demos/Chat/FileAttachments/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Chat/MessageEditing/ReactJs/index.html b/apps/demos/Demos/Chat/MessageEditing/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Chat/MessageEditing/ReactJs/index.html
+++ b/apps/demos/Demos/Chat/MessageEditing/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Chat/MessageStreaming/ReactJs/index.html b/apps/demos/Demos/Chat/MessageStreaming/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Chat/MessageStreaming/ReactJs/index.html
+++ b/apps/demos/Demos/Chat/MessageStreaming/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Chat/Overview/ReactJs/index.html b/apps/demos/Demos/Chat/Overview/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Chat/Overview/ReactJs/index.html
+++ b/apps/demos/Demos/Chat/Overview/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Chat/PromptSuggestions/ReactJs/index.html b/apps/demos/Demos/Chat/PromptSuggestions/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Chat/PromptSuggestions/ReactJs/index.html
+++ b/apps/demos/Demos/Chat/PromptSuggestions/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/CheckBox/Overview/ReactJs/index.html b/apps/demos/Demos/CheckBox/Overview/ReactJs/index.html
index 53dab2ed0ca5..1da2da79d709 100644
--- a/apps/demos/Demos/CheckBox/Overview/ReactJs/index.html
+++ b/apps/demos/Demos/CheckBox/Overview/ReactJs/index.html
@@ -2,43 +2,15 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/ColorBox/Overview/ReactJs/index.html b/apps/demos/Demos/ColorBox/Overview/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/ColorBox/Overview/ReactJs/index.html
+++ b/apps/demos/Demos/ColorBox/Overview/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Common/CustomTextEditorButtons/ReactJs/index.html b/apps/demos/Demos/Common/CustomTextEditorButtons/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Common/CustomTextEditorButtons/ReactJs/index.html
+++ b/apps/demos/Demos/Common/CustomTextEditorButtons/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Common/EditorAppearanceVariants/ReactJs/index.html b/apps/demos/Demos/Common/EditorAppearanceVariants/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Common/EditorAppearanceVariants/ReactJs/index.html
+++ b/apps/demos/Demos/Common/EditorAppearanceVariants/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Common/EditorsOverview/ReactJs/index.html b/apps/demos/Demos/Common/EditorsOverview/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Common/EditorsOverview/ReactJs/index.html
+++ b/apps/demos/Demos/Common/EditorsOverview/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Common/EditorsRightToLeftSupport/ReactJs/index.html b/apps/demos/Demos/Common/EditorsRightToLeftSupport/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Common/EditorsRightToLeftSupport/ReactJs/index.html
+++ b/apps/demos/Demos/Common/EditorsRightToLeftSupport/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Common/FormsOverview/ReactJs/index.html b/apps/demos/Demos/Common/FormsOverview/ReactJs/index.html
index 4fb1c253bae2..7369a149272c 100644
--- a/apps/demos/Demos/Common/FormsOverview/ReactJs/index.html
+++ b/apps/demos/Demos/Common/FormsOverview/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"> </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Common/ListsOverview/ReactJs/index.html b/apps/demos/Demos/Common/ListsOverview/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Common/ListsOverview/ReactJs/index.html
+++ b/apps/demos/Demos/Common/ListsOverview/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Common/NavigationOverview/ReactJs/index.html b/apps/demos/Demos/Common/NavigationOverview/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Common/NavigationOverview/ReactJs/index.html
+++ b/apps/demos/Demos/Common/NavigationOverview/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Common/NavigationRightToLeftSupport/ReactJs/index.html b/apps/demos/Demos/Common/NavigationRightToLeftSupport/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Common/NavigationRightToLeftSupport/ReactJs/index.html
+++ b/apps/demos/Demos/Common/NavigationRightToLeftSupport/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Common/PopupAndNotificationsOverview/ReactJs/index.html b/apps/demos/Demos/Common/PopupAndNotificationsOverview/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Common/PopupAndNotificationsOverview/ReactJs/index.html
+++ b/apps/demos/Demos/Common/PopupAndNotificationsOverview/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/ContextMenu/Basics/ReactJs/index.html b/apps/demos/Demos/ContextMenu/Basics/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/ContextMenu/Basics/ReactJs/index.html
+++ b/apps/demos/Demos/ContextMenu/Basics/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/ContextMenu/Scrolling/ReactJs/index.html b/apps/demos/Demos/ContextMenu/Scrolling/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/ContextMenu/Scrolling/ReactJs/index.html
+++ b/apps/demos/Demos/ContextMenu/Scrolling/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/ContextMenu/Templates/ReactJs/index.html b/apps/demos/Demos/ContextMenu/Templates/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/ContextMenu/Templates/ReactJs/index.html
+++ b/apps/demos/Demos/ContextMenu/Templates/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/AIAssistant/ReactJs/index.html b/apps/demos/Demos/DataGrid/AIAssistant/ReactJs/index.html
index 81e2f1d0c9d2..fda2015e304a 100644
--- a/apps/demos/Demos/DataGrid/AIAssistant/ReactJs/index.html
+++ b/apps/demos/Demos/DataGrid/AIAssistant/ReactJs/index.html
@@ -2,45 +2,18 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="data-grid-demo">
         <div id="app"></div>
       </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/AIColumns/ReactJs/index.html b/apps/demos/Demos/DataGrid/AIColumns/ReactJs/index.html
index 81e2f1d0c9d2..fda2015e304a 100644
--- a/apps/demos/Demos/DataGrid/AIColumns/ReactJs/index.html
+++ b/apps/demos/Demos/DataGrid/AIColumns/ReactJs/index.html
@@ -2,45 +2,18 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="data-grid-demo">
         <div id="app"></div>
       </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/AdvancedMasterDetailView/ReactJs/index.html b/apps/demos/Demos/DataGrid/AdvancedMasterDetailView/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/AdvancedMasterDetailView/ReactJs/index.html
+++ b/apps/demos/Demos/DataGrid/AdvancedMasterDetailView/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/AjaxRequest/ReactJs/index.html b/apps/demos/Demos/DataGrid/AjaxRequest/ReactJs/index.html
index d6d83f735a76..1da2da79d709 100644
--- a/apps/demos/Demos/DataGrid/AjaxRequest/ReactJs/index.html
+++ b/apps/demos/Demos/DataGrid/AjaxRequest/ReactJs/index.html
@@ -2,38 +2,15 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/Appearance/ReactJs/index.html b/apps/demos/Demos/DataGrid/Appearance/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/Appearance/ReactJs/index.html
+++ b/apps/demos/Demos/DataGrid/Appearance/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/AutoPopulatedColumns/ReactJs/index.html b/apps/demos/Demos/DataGrid/AutoPopulatedColumns/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/AutoPopulatedColumns/ReactJs/index.html
+++ b/apps/demos/Demos/DataGrid/AutoPopulatedColumns/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/BatchEditing/ReactJs/index.html b/apps/demos/Demos/DataGrid/BatchEditing/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/BatchEditing/ReactJs/index.html
+++ b/apps/demos/Demos/DataGrid/BatchEditing/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/BatchUpdateRequest/ReactJs/index.html b/apps/demos/Demos/DataGrid/BatchUpdateRequest/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/BatchUpdateRequest/ReactJs/index.html
+++ b/apps/demos/Demos/DataGrid/BatchUpdateRequest/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/CascadingLookups/ReactJs/index.html b/apps/demos/Demos/DataGrid/CascadingLookups/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/CascadingLookups/ReactJs/index.html
+++ b/apps/demos/Demos/DataGrid/CascadingLookups/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/Cell/ReactJs/index.html b/apps/demos/Demos/DataGrid/Cell/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/Cell/ReactJs/index.html
+++ b/apps/demos/Demos/DataGrid/Cell/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/CellEditing/ReactJs/index.html b/apps/demos/Demos/DataGrid/CellEditing/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/CellEditing/ReactJs/index.html
+++ b/apps/demos/Demos/DataGrid/CellEditing/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/CollaborativeEditing/ReactJs/index.html b/apps/demos/Demos/DataGrid/CollaborativeEditing/ReactJs/index.html
index f6ad5ea42704..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/CollaborativeEditing/ReactJs/index.html
+++ b/apps/demos/Demos/DataGrid/CollaborativeEditing/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/Column/ReactJs/index.html b/apps/demos/Demos/DataGrid/Column/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/Column/ReactJs/index.html
+++ b/apps/demos/Demos/DataGrid/Column/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/ColumnChooser/ReactJs/index.html b/apps/demos/Demos/DataGrid/ColumnChooser/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/ColumnChooser/ReactJs/index.html
+++ b/apps/demos/Demos/DataGrid/ColumnChooser/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/ColumnHeaderFilter/ReactJs/index.html b/apps/demos/Demos/DataGrid/ColumnHeaderFilter/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/ColumnHeaderFilter/ReactJs/index.html
+++ b/apps/demos/Demos/DataGrid/ColumnHeaderFilter/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/ColumnReordering/ReactJs/index.html b/apps/demos/Demos/DataGrid/ColumnReordering/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/ColumnReordering/ReactJs/index.html
+++ b/apps/demos/Demos/DataGrid/ColumnReordering/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/ColumnResizing/ReactJs/index.html b/apps/demos/Demos/DataGrid/ColumnResizing/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/ColumnResizing/ReactJs/index.html
+++ b/apps/demos/Demos/DataGrid/ColumnResizing/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/ColumnsHidingPriority/ReactJs/index.html b/apps/demos/Demos/DataGrid/ColumnsHidingPriority/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/ColumnsHidingPriority/ReactJs/index.html
+++ b/apps/demos/Demos/DataGrid/ColumnsHidingPriority/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/CommandColumnConfiguration/ReactJs/index.html b/apps/demos/Demos/DataGrid/CommandColumnConfiguration/ReactJs/index.html
index d6d83f735a76..1da2da79d709 100644
--- a/apps/demos/Demos/DataGrid/CommandColumnConfiguration/ReactJs/index.html
+++ b/apps/demos/Demos/DataGrid/CommandColumnConfiguration/ReactJs/index.html
@@ -2,38 +2,15 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/CustomDataSource/ReactJs/index.html b/apps/demos/Demos/DataGrid/CustomDataSource/ReactJs/index.html
index d6d83f735a76..1da2da79d709 100644
--- a/apps/demos/Demos/DataGrid/CustomDataSource/ReactJs/index.html
+++ b/apps/demos/Demos/DataGrid/CustomDataSource/ReactJs/index.html
@@ -2,38 +2,15 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/CustomEditors/ReactJs/index.html b/apps/demos/Demos/DataGrid/CustomEditors/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/CustomEditors/ReactJs/index.html
+++ b/apps/demos/Demos/DataGrid/CustomEditors/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/CustomSummaries/ReactJs/index.html b/apps/demos/Demos/DataGrid/CustomSummaries/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/CustomSummaries/ReactJs/index.html
+++ b/apps/demos/Demos/DataGrid/CustomSummaries/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/CustomizeKeyboardNavigation/ReactJs/index.html b/apps/demos/Demos/DataGrid/CustomizeKeyboardNavigation/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/CustomizeKeyboardNavigation/ReactJs/index.html
+++ b/apps/demos/Demos/DataGrid/CustomizeKeyboardNavigation/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/DataValidation/ReactJs/index.html b/apps/demos/Demos/DataGrid/DataValidation/ReactJs/index.html
index d6d83f735a76..1da2da79d709 100644
--- a/apps/demos/Demos/DataGrid/DataValidation/ReactJs/index.html
+++ b/apps/demos/Demos/DataGrid/DataValidation/ReactJs/index.html
@@ -2,38 +2,15 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/DeferredSelection/ReactJs/index.html b/apps/demos/Demos/DataGrid/DeferredSelection/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/DeferredSelection/ReactJs/index.html
+++ b/apps/demos/Demos/DataGrid/DeferredSelection/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/DnDBetweenGrids/ReactJs/index.html b/apps/demos/Demos/DataGrid/DnDBetweenGrids/ReactJs/index.html
index f6ad5ea42704..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/DnDBetweenGrids/ReactJs/index.html
+++ b/apps/demos/Demos/DataGrid/DnDBetweenGrids/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/EditStateManagement/ReactJs/index.html b/apps/demos/Demos/DataGrid/EditStateManagement/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/EditStateManagement/ReactJs/index.html
+++ b/apps/demos/Demos/DataGrid/EditStateManagement/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/ExcelJSCellCustomization/ReactJs/index.html b/apps/demos/Demos/DataGrid/ExcelJSCellCustomization/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/ExcelJSCellCustomization/ReactJs/index.html
+++ b/apps/demos/Demos/DataGrid/ExcelJSCellCustomization/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/ExcelJSExportImages/ReactJs/index.html b/apps/demos/Demos/DataGrid/ExcelJSExportImages/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/ExcelJSExportImages/ReactJs/index.html
+++ b/apps/demos/Demos/DataGrid/ExcelJSExportImages/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/ExcelJSExportMultipleGrids/ReactJs/index.html b/apps/demos/Demos/DataGrid/ExcelJSExportMultipleGrids/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/ExcelJSExportMultipleGrids/ReactJs/index.html
+++ b/apps/demos/Demos/DataGrid/ExcelJSExportMultipleGrids/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/ExcelJSHeaderAndFooter/ReactJs/index.html b/apps/demos/Demos/DataGrid/ExcelJSHeaderAndFooter/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/ExcelJSHeaderAndFooter/ReactJs/index.html
+++ b/apps/demos/Demos/DataGrid/ExcelJSHeaderAndFooter/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/ExcelJSOverview/ReactJs/index.html b/apps/demos/Demos/DataGrid/ExcelJSOverview/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/ExcelJSOverview/ReactJs/index.html
+++ b/apps/demos/Demos/DataGrid/ExcelJSOverview/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/FilterPanel/ReactJs/index.html b/apps/demos/Demos/DataGrid/FilterPanel/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/FilterPanel/ReactJs/index.html
+++ b/apps/demos/Demos/DataGrid/FilterPanel/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/Filtering/ReactJs/index.html b/apps/demos/Demos/DataGrid/Filtering/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/Filtering/ReactJs/index.html
+++ b/apps/demos/Demos/DataGrid/Filtering/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/FilteringAPI/ReactJs/index.html b/apps/demos/Demos/DataGrid/FilteringAPI/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/FilteringAPI/ReactJs/index.html
+++ b/apps/demos/Demos/DataGrid/FilteringAPI/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/FixedAndStickyColumns/ReactJs/index.html b/apps/demos/Demos/DataGrid/FixedAndStickyColumns/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/FixedAndStickyColumns/ReactJs/index.html
+++ b/apps/demos/Demos/DataGrid/FixedAndStickyColumns/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/FocusedRow/ReactJs/index.html b/apps/demos/Demos/DataGrid/FocusedRow/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/FocusedRow/ReactJs/index.html
+++ b/apps/demos/Demos/DataGrid/FocusedRow/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/FormEditing/ReactJs/index.html b/apps/demos/Demos/DataGrid/FormEditing/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/FormEditing/ReactJs/index.html
+++ b/apps/demos/Demos/DataGrid/FormEditing/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/GridAdaptabilityOverview/ReactJs/index.html b/apps/demos/Demos/DataGrid/GridAdaptabilityOverview/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/GridAdaptabilityOverview/ReactJs/index.html
+++ b/apps/demos/Demos/DataGrid/GridAdaptabilityOverview/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/GridSummaries/ReactJs/index.html b/apps/demos/Demos/DataGrid/GridSummaries/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/GridSummaries/ReactJs/index.html
+++ b/apps/demos/Demos/DataGrid/GridSummaries/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/GroupSummaries/ReactJs/index.html b/apps/demos/Demos/DataGrid/GroupSummaries/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/GroupSummaries/ReactJs/index.html
+++ b/apps/demos/Demos/DataGrid/GroupSummaries/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/HorizontalVirtualScrolling/ReactJs/index.html b/apps/demos/Demos/DataGrid/HorizontalVirtualScrolling/ReactJs/index.html
index d6d83f735a76..1da2da79d709 100644
--- a/apps/demos/Demos/DataGrid/HorizontalVirtualScrolling/ReactJs/index.html
+++ b/apps/demos/Demos/DataGrid/HorizontalVirtualScrolling/ReactJs/index.html
@@ -2,38 +2,15 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/InfiniteScrolling/ReactJs/index.html b/apps/demos/Demos/DataGrid/InfiniteScrolling/ReactJs/index.html
index d6d83f735a76..1da2da79d709 100644
--- a/apps/demos/Demos/DataGrid/InfiniteScrolling/ReactJs/index.html
+++ b/apps/demos/Demos/DataGrid/InfiniteScrolling/ReactJs/index.html
@@ -2,38 +2,15 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/KeyboardNavigation/ReactJs/index.html b/apps/demos/Demos/DataGrid/KeyboardNavigation/ReactJs/index.html
index d6d83f735a76..1da2da79d709 100644
--- a/apps/demos/Demos/DataGrid/KeyboardNavigation/ReactJs/index.html
+++ b/apps/demos/Demos/DataGrid/KeyboardNavigation/ReactJs/index.html
@@ -2,38 +2,15 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/LocalReordering/ReactJs/index.html b/apps/demos/Demos/DataGrid/LocalReordering/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/LocalReordering/ReactJs/index.html
+++ b/apps/demos/Demos/DataGrid/LocalReordering/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/MasterDetailAPI/ReactJs/index.html b/apps/demos/Demos/DataGrid/MasterDetailAPI/ReactJs/index.html
index f6ad5ea42704..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/MasterDetailAPI/ReactJs/index.html
+++ b/apps/demos/Demos/DataGrid/MasterDetailAPI/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/MasterDetailView/ReactJs/index.html b/apps/demos/Demos/DataGrid/MasterDetailView/ReactJs/index.html
index f6ad5ea42704..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/MasterDetailView/ReactJs/index.html
+++ b/apps/demos/Demos/DataGrid/MasterDetailView/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/MultiRowHeadersBands/ReactJs/index.html b/apps/demos/Demos/DataGrid/MultiRowHeadersBands/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/MultiRowHeadersBands/ReactJs/index.html
+++ b/apps/demos/Demos/DataGrid/MultiRowHeadersBands/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/MultipleRecordSelectionAPI/ReactJs/index.html b/apps/demos/Demos/DataGrid/MultipleRecordSelectionAPI/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/MultipleRecordSelectionAPI/ReactJs/index.html
+++ b/apps/demos/Demos/DataGrid/MultipleRecordSelectionAPI/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/MultipleRecordSelectionModes/ReactJs/index.html b/apps/demos/Demos/DataGrid/MultipleRecordSelectionModes/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/MultipleRecordSelectionModes/ReactJs/index.html
+++ b/apps/demos/Demos/DataGrid/MultipleRecordSelectionModes/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/MultipleSorting/ReactJs/index.html b/apps/demos/Demos/DataGrid/MultipleSorting/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/MultipleSorting/ReactJs/index.html
+++ b/apps/demos/Demos/DataGrid/MultipleSorting/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/NewRecordPosition/ReactJs/index.html b/apps/demos/Demos/DataGrid/NewRecordPosition/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/NewRecordPosition/ReactJs/index.html
+++ b/apps/demos/Demos/DataGrid/NewRecordPosition/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/Overview/ReactJs/index.html b/apps/demos/Demos/DataGrid/Overview/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/Overview/ReactJs/index.html
+++ b/apps/demos/Demos/DataGrid/Overview/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/PDFCellCustomization/ReactJs/index.html b/apps/demos/Demos/DataGrid/PDFCellCustomization/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/PDFCellCustomization/ReactJs/index.html
+++ b/apps/demos/Demos/DataGrid/PDFCellCustomization/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/PDFExportImages/ReactJs/index.html b/apps/demos/Demos/DataGrid/PDFExportImages/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/PDFExportImages/ReactJs/index.html
+++ b/apps/demos/Demos/DataGrid/PDFExportImages/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/PDFExportMultipleGrids/ReactJs/index.html b/apps/demos/Demos/DataGrid/PDFExportMultipleGrids/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/PDFExportMultipleGrids/ReactJs/index.html
+++ b/apps/demos/Demos/DataGrid/PDFExportMultipleGrids/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/PDFHeaderAndFooter/ReactJs/index.html b/apps/demos/Demos/DataGrid/PDFHeaderAndFooter/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/PDFHeaderAndFooter/ReactJs/index.html
+++ b/apps/demos/Demos/DataGrid/PDFHeaderAndFooter/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/PDFOverview/ReactJs/index.html b/apps/demos/Demos/DataGrid/PDFOverview/ReactJs/index.html
index d6d83f735a76..1da2da79d709 100644
--- a/apps/demos/Demos/DataGrid/PDFOverview/ReactJs/index.html
+++ b/apps/demos/Demos/DataGrid/PDFOverview/ReactJs/index.html
@@ -2,38 +2,15 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/PopupEditing/ReactJs/index.html b/apps/demos/Demos/DataGrid/PopupEditing/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/PopupEditing/ReactJs/index.html
+++ b/apps/demos/Demos/DataGrid/PopupEditing/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/RealTimeUpdates/ReactJs/index.html b/apps/demos/Demos/DataGrid/RealTimeUpdates/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/RealTimeUpdates/ReactJs/index.html
+++ b/apps/demos/Demos/DataGrid/RealTimeUpdates/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/RecalculateWhileEditing/ReactJs/index.html b/apps/demos/Demos/DataGrid/RecalculateWhileEditing/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/RecalculateWhileEditing/ReactJs/index.html
+++ b/apps/demos/Demos/DataGrid/RecalculateWhileEditing/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/RecordGrouping/ReactJs/index.html b/apps/demos/Demos/DataGrid/RecordGrouping/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/RecordGrouping/ReactJs/index.html
+++ b/apps/demos/Demos/DataGrid/RecordGrouping/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/RecordPaging/ReactJs/index.html b/apps/demos/Demos/DataGrid/RecordPaging/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/RecordPaging/ReactJs/index.html
+++ b/apps/demos/Demos/DataGrid/RecordPaging/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/RemoteCRUDOperations/ReactJs/index.html b/apps/demos/Demos/DataGrid/RemoteCRUDOperations/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/RemoteCRUDOperations/ReactJs/index.html
+++ b/apps/demos/Demos/DataGrid/RemoteCRUDOperations/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/RemoteGrouping/ReactJs/index.html b/apps/demos/Demos/DataGrid/RemoteGrouping/ReactJs/index.html
index d6d83f735a76..1da2da79d709 100644
--- a/apps/demos/Demos/DataGrid/RemoteGrouping/ReactJs/index.html
+++ b/apps/demos/Demos/DataGrid/RemoteGrouping/ReactJs/index.html
@@ -2,38 +2,15 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/RemoteReordering/ReactJs/index.html b/apps/demos/Demos/DataGrid/RemoteReordering/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/RemoteReordering/ReactJs/index.html
+++ b/apps/demos/Demos/DataGrid/RemoteReordering/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/RemoteVirtualScrolling/ReactJs/index.html b/apps/demos/Demos/DataGrid/RemoteVirtualScrolling/ReactJs/index.html
index f6ad5ea42704..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/RemoteVirtualScrolling/ReactJs/index.html
+++ b/apps/demos/Demos/DataGrid/RemoteVirtualScrolling/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/RightToLeftSupport/ReactJs/index.html b/apps/demos/Demos/DataGrid/RightToLeftSupport/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/RightToLeftSupport/ReactJs/index.html
+++ b/apps/demos/Demos/DataGrid/RightToLeftSupport/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/Row/ReactJs/index.html b/apps/demos/Demos/DataGrid/Row/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/Row/ReactJs/index.html
+++ b/apps/demos/Demos/DataGrid/Row/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/RowEditing/ReactJs/index.html b/apps/demos/Demos/DataGrid/RowEditing/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/RowEditing/ReactJs/index.html
+++ b/apps/demos/Demos/DataGrid/RowEditing/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/RowSelection/ReactJs/index.html b/apps/demos/Demos/DataGrid/RowSelection/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/RowSelection/ReactJs/index.html
+++ b/apps/demos/Demos/DataGrid/RowSelection/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/SemanticSearch/ReactJs/index.html b/apps/demos/Demos/DataGrid/SemanticSearch/ReactJs/index.html
index d6d83f735a76..1da2da79d709 100644
--- a/apps/demos/Demos/DataGrid/SemanticSearch/ReactJs/index.html
+++ b/apps/demos/Demos/DataGrid/SemanticSearch/ReactJs/index.html
@@ -2,38 +2,15 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/SignalRService/ReactJs/index.html b/apps/demos/Demos/DataGrid/SignalRService/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/SignalRService/ReactJs/index.html
+++ b/apps/demos/Demos/DataGrid/SignalRService/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/SimpleArray/ReactJs/index.html b/apps/demos/Demos/DataGrid/SimpleArray/ReactJs/index.html
index d6d83f735a76..1da2da79d709 100644
--- a/apps/demos/Demos/DataGrid/SimpleArray/ReactJs/index.html
+++ b/apps/demos/Demos/DataGrid/SimpleArray/ReactJs/index.html
@@ -2,38 +2,15 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/StatePersistence/ReactJs/index.html b/apps/demos/Demos/DataGrid/StatePersistence/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/StatePersistence/ReactJs/index.html
+++ b/apps/demos/Demos/DataGrid/StatePersistence/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/Toolbar/ReactJs/index.html b/apps/demos/Demos/DataGrid/Toolbar/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/DataGrid/Toolbar/ReactJs/index.html
+++ b/apps/demos/Demos/DataGrid/Toolbar/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/VirtualScrolling/ReactJs/index.html b/apps/demos/Demos/DataGrid/VirtualScrolling/ReactJs/index.html
index d6d83f735a76..1da2da79d709 100644
--- a/apps/demos/Demos/DataGrid/VirtualScrolling/ReactJs/index.html
+++ b/apps/demos/Demos/DataGrid/VirtualScrolling/ReactJs/index.html
@@ -2,38 +2,15 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/WebAPIService/ReactJs/index.html b/apps/demos/Demos/DataGrid/WebAPIService/ReactJs/index.html
index d6d83f735a76..1da2da79d709 100644
--- a/apps/demos/Demos/DataGrid/WebAPIService/ReactJs/index.html
+++ b/apps/demos/Demos/DataGrid/WebAPIService/ReactJs/index.html
@@ -2,38 +2,15 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DateBox/Formatting/ReactJs/index.html b/apps/demos/Demos/DateBox/Formatting/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/DateBox/Formatting/ReactJs/index.html
+++ b/apps/demos/Demos/DateBox/Formatting/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DateBox/Overview/ReactJs/index.html b/apps/demos/Demos/DateBox/Overview/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/DateBox/Overview/ReactJs/index.html
+++ b/apps/demos/Demos/DateBox/Overview/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DateRangeBox/Formatting/ReactJs/index.html b/apps/demos/Demos/DateRangeBox/Formatting/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/DateRangeBox/Formatting/ReactJs/index.html
+++ b/apps/demos/Demos/DateRangeBox/Formatting/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DateRangeBox/Overview/ReactJs/index.html b/apps/demos/Demos/DateRangeBox/Overview/ReactJs/index.html
index cefc207216e7..7b47950bbaff 100644
--- a/apps/demos/Demos/DateRangeBox/Overview/ReactJs/index.html
+++ b/apps/demos/Demos/DateRangeBox/Overview/ReactJs/index.html
@@ -2,48 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Diagram/Adaptability/ReactJs/index.html b/apps/demos/Demos/Diagram/Adaptability/ReactJs/index.html
index 37fea8a0cca6..7b47950bbaff 100644
--- a/apps/demos/Demos/Diagram/Adaptability/ReactJs/index.html
+++ b/apps/demos/Demos/Diagram/Adaptability/ReactJs/index.html
@@ -2,52 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Diagram/AdvancedDataBinding/ReactJs/index.html b/apps/demos/Demos/Diagram/AdvancedDataBinding/ReactJs/index.html
index 37fea8a0cca6..7b47950bbaff 100644
--- a/apps/demos/Demos/Diagram/AdvancedDataBinding/ReactJs/index.html
+++ b/apps/demos/Demos/Diagram/AdvancedDataBinding/ReactJs/index.html
@@ -2,52 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Diagram/Containers/ReactJs/index.html b/apps/demos/Demos/Diagram/Containers/ReactJs/index.html
index 37fea8a0cca6..7b47950bbaff 100644
--- a/apps/demos/Demos/Diagram/Containers/ReactJs/index.html
+++ b/apps/demos/Demos/Diagram/Containers/ReactJs/index.html
@@ -2,52 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Diagram/CustomShapesWithIcons/ReactJs/index.html b/apps/demos/Demos/Diagram/CustomShapesWithIcons/ReactJs/index.html
index 37fea8a0cca6..7b47950bbaff 100644
--- a/apps/demos/Demos/Diagram/CustomShapesWithIcons/ReactJs/index.html
+++ b/apps/demos/Demos/Diagram/CustomShapesWithIcons/ReactJs/index.html
@@ -2,52 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Diagram/CustomShapesWithTemplates/ReactJs/index.html b/apps/demos/Demos/Diagram/CustomShapesWithTemplates/ReactJs/index.html
index 37fea8a0cca6..7b47950bbaff 100644
--- a/apps/demos/Demos/Diagram/CustomShapesWithTemplates/ReactJs/index.html
+++ b/apps/demos/Demos/Diagram/CustomShapesWithTemplates/ReactJs/index.html
@@ -2,52 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Diagram/CustomShapesWithTemplatesWithEditing/ReactJs/index.html b/apps/demos/Demos/Diagram/CustomShapesWithTemplatesWithEditing/ReactJs/index.html
index 37fea8a0cca6..7b47950bbaff 100644
--- a/apps/demos/Demos/Diagram/CustomShapesWithTemplatesWithEditing/ReactJs/index.html
+++ b/apps/demos/Demos/Diagram/CustomShapesWithTemplatesWithEditing/ReactJs/index.html
@@ -2,52 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Diagram/CustomShapesWithTexts/ReactJs/index.html b/apps/demos/Demos/Diagram/CustomShapesWithTexts/ReactJs/index.html
index 37fea8a0cca6..7b47950bbaff 100644
--- a/apps/demos/Demos/Diagram/CustomShapesWithTexts/ReactJs/index.html
+++ b/apps/demos/Demos/Diagram/CustomShapesWithTexts/ReactJs/index.html
@@ -2,52 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Diagram/ImagesInShapes/ReactJs/index.html b/apps/demos/Demos/Diagram/ImagesInShapes/ReactJs/index.html
index 37fea8a0cca6..7b47950bbaff 100644
--- a/apps/demos/Demos/Diagram/ImagesInShapes/ReactJs/index.html
+++ b/apps/demos/Demos/Diagram/ImagesInShapes/ReactJs/index.html
@@ -2,52 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Diagram/ItemSelection/ReactJs/index.html b/apps/demos/Demos/Diagram/ItemSelection/ReactJs/index.html
index 37fea8a0cca6..7b47950bbaff 100644
--- a/apps/demos/Demos/Diagram/ItemSelection/ReactJs/index.html
+++ b/apps/demos/Demos/Diagram/ItemSelection/ReactJs/index.html
@@ -2,52 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Diagram/NodesAndEdgesArrays/ReactJs/index.html b/apps/demos/Demos/Diagram/NodesAndEdgesArrays/ReactJs/index.html
index 37fea8a0cca6..7b47950bbaff 100644
--- a/apps/demos/Demos/Diagram/NodesAndEdgesArrays/ReactJs/index.html
+++ b/apps/demos/Demos/Diagram/NodesAndEdgesArrays/ReactJs/index.html
@@ -2,52 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Diagram/NodesArrayHierarchicalStructure/ReactJs/index.html b/apps/demos/Demos/Diagram/NodesArrayHierarchicalStructure/ReactJs/index.html
index 37fea8a0cca6..7b47950bbaff 100644
--- a/apps/demos/Demos/Diagram/NodesArrayHierarchicalStructure/ReactJs/index.html
+++ b/apps/demos/Demos/Diagram/NodesArrayHierarchicalStructure/ReactJs/index.html
@@ -2,52 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Diagram/NodesArrayPlainStructure/ReactJs/index.html b/apps/demos/Demos/Diagram/NodesArrayPlainStructure/ReactJs/index.html
index 37fea8a0cca6..7b47950bbaff 100644
--- a/apps/demos/Demos/Diagram/NodesArrayPlainStructure/ReactJs/index.html
+++ b/apps/demos/Demos/Diagram/NodesArrayPlainStructure/ReactJs/index.html
@@ -2,52 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Diagram/OperationRestrictions/ReactJs/index.html b/apps/demos/Demos/Diagram/OperationRestrictions/ReactJs/index.html
index 37fea8a0cca6..7b47950bbaff 100644
--- a/apps/demos/Demos/Diagram/OperationRestrictions/ReactJs/index.html
+++ b/apps/demos/Demos/Diagram/OperationRestrictions/ReactJs/index.html
@@ -2,52 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Diagram/Overview/ReactJs/index.html b/apps/demos/Demos/Diagram/Overview/ReactJs/index.html
index 37fea8a0cca6..7b47950bbaff 100644
--- a/apps/demos/Demos/Diagram/Overview/ReactJs/index.html
+++ b/apps/demos/Demos/Diagram/Overview/ReactJs/index.html
@@ -2,52 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Diagram/ReadOnly/ReactJs/index.html b/apps/demos/Demos/Diagram/ReadOnly/ReactJs/index.html
index 37fea8a0cca6..7b47950bbaff 100644
--- a/apps/demos/Demos/Diagram/ReadOnly/ReactJs/index.html
+++ b/apps/demos/Demos/Diagram/ReadOnly/ReactJs/index.html
@@ -2,52 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Diagram/SimpleView/ReactJs/index.html b/apps/demos/Demos/Diagram/SimpleView/ReactJs/index.html
index 37fea8a0cca6..7b47950bbaff 100644
--- a/apps/demos/Demos/Diagram/SimpleView/ReactJs/index.html
+++ b/apps/demos/Demos/Diagram/SimpleView/ReactJs/index.html
@@ -2,52 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Diagram/UICustomization/ReactJs/index.html b/apps/demos/Demos/Diagram/UICustomization/ReactJs/index.html
index 37fea8a0cca6..7b47950bbaff 100644
--- a/apps/demos/Demos/Diagram/UICustomization/ReactJs/index.html
+++ b/apps/demos/Demos/Diagram/UICustomization/ReactJs/index.html
@@ -2,52 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Diagram/WebAPIService/ReactJs/index.html b/apps/demos/Demos/Diagram/WebAPIService/ReactJs/index.html
index 37fea8a0cca6..7b47950bbaff 100644
--- a/apps/demos/Demos/Diagram/WebAPIService/ReactJs/index.html
+++ b/apps/demos/Demos/Diagram/WebAPIService/ReactJs/index.html
@@ -2,52 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Drawer/LeftOrRightPosition/ReactJs/index.html b/apps/demos/Demos/Drawer/LeftOrRightPosition/ReactJs/index.html
index 23299ab85784..7b47950bbaff 100644
--- a/apps/demos/Demos/Drawer/LeftOrRightPosition/ReactJs/index.html
+++ b/apps/demos/Demos/Drawer/LeftOrRightPosition/ReactJs/index.html
@@ -2,44 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Drawer/TopOrBottomPosition/ReactJs/index.html b/apps/demos/Demos/Drawer/TopOrBottomPosition/ReactJs/index.html
index 23299ab85784..7b47950bbaff 100644
--- a/apps/demos/Demos/Drawer/TopOrBottomPosition/ReactJs/index.html
+++ b/apps/demos/Demos/Drawer/TopOrBottomPosition/ReactJs/index.html
@@ -2,44 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DropDownBox/MultipleSelection/ReactJs/index.html b/apps/demos/Demos/DropDownBox/MultipleSelection/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/DropDownBox/MultipleSelection/ReactJs/index.html
+++ b/apps/demos/Demos/DropDownBox/MultipleSelection/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DropDownBox/SingleSelection/ReactJs/index.html b/apps/demos/Demos/DropDownBox/SingleSelection/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/DropDownBox/SingleSelection/ReactJs/index.html
+++ b/apps/demos/Demos/DropDownBox/SingleSelection/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DropDownButton/Overview/ReactJs/index.html b/apps/demos/Demos/DropDownButton/Overview/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/DropDownButton/Overview/ReactJs/index.html
+++ b/apps/demos/Demos/DropDownButton/Overview/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/FieldSet/Overview/ReactJs/index.html b/apps/demos/Demos/FieldSet/Overview/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/FieldSet/Overview/ReactJs/index.html
+++ b/apps/demos/Demos/FieldSet/Overview/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/FileManager/BindingToEF/ReactJs/index.html b/apps/demos/Demos/FileManager/BindingToEF/ReactJs/index.html
index 064093ee7ce3..1da2da79d709 100644
--- a/apps/demos/Demos/FileManager/BindingToEF/ReactJs/index.html
+++ b/apps/demos/Demos/FileManager/BindingToEF/ReactJs/index.html
@@ -2,43 +2,15 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.min.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/FileManager/BindingToFileSystem/ReactJs/index.html b/apps/demos/Demos/FileManager/BindingToFileSystem/ReactJs/index.html
index 064093ee7ce3..1da2da79d709 100644
--- a/apps/demos/Demos/FileManager/BindingToFileSystem/ReactJs/index.html
+++ b/apps/demos/Demos/FileManager/BindingToFileSystem/ReactJs/index.html
@@ -2,43 +2,15 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.min.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/FileManager/BindingToHierarchicalStructure/ReactJs/index.html b/apps/demos/Demos/FileManager/BindingToHierarchicalStructure/ReactJs/index.html
index 064093ee7ce3..1da2da79d709 100644
--- a/apps/demos/Demos/FileManager/BindingToHierarchicalStructure/ReactJs/index.html
+++ b/apps/demos/Demos/FileManager/BindingToHierarchicalStructure/ReactJs/index.html
@@ -2,43 +2,15 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.min.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/FileManager/CustomThumbnails/ReactJs/index.html b/apps/demos/Demos/FileManager/CustomThumbnails/ReactJs/index.html
index 064093ee7ce3..1da2da79d709 100644
--- a/apps/demos/Demos/FileManager/CustomThumbnails/ReactJs/index.html
+++ b/apps/demos/Demos/FileManager/CustomThumbnails/ReactJs/index.html
@@ -2,43 +2,15 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.min.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/FileManager/Overview/ReactJs/index.html b/apps/demos/Demos/FileManager/Overview/ReactJs/index.html
index 5e995c2761f9..7b47950bbaff 100644
--- a/apps/demos/Demos/FileManager/Overview/ReactJs/index.html
+++ b/apps/demos/Demos/FileManager/Overview/ReactJs/index.html
@@ -2,48 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.min.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/FileManager/UICustomization/ReactJs/index.html b/apps/demos/Demos/FileManager/UICustomization/ReactJs/index.html
index d6d83f735a76..1da2da79d709 100644
--- a/apps/demos/Demos/FileManager/UICustomization/ReactJs/index.html
+++ b/apps/demos/Demos/FileManager/UICustomization/ReactJs/index.html
@@ -2,38 +2,15 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/FileUploader/ChunkUpload/ReactJs/index.html b/apps/demos/Demos/FileUploader/ChunkUpload/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/FileUploader/ChunkUpload/ReactJs/index.html
+++ b/apps/demos/Demos/FileUploader/ChunkUpload/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/FileUploader/CustomDropzone/ReactJs/index.html b/apps/demos/Demos/FileUploader/CustomDropzone/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/FileUploader/CustomDropzone/ReactJs/index.html
+++ b/apps/demos/Demos/FileUploader/CustomDropzone/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/FileUploader/FileSelection/ReactJs/index.html b/apps/demos/Demos/FileUploader/FileSelection/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/FileUploader/FileSelection/ReactJs/index.html
+++ b/apps/demos/Demos/FileUploader/FileSelection/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/FileUploader/FileUploading/ReactJs/index.html b/apps/demos/Demos/FileUploader/FileUploading/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/FileUploader/FileUploading/ReactJs/index.html
+++ b/apps/demos/Demos/FileUploader/FileUploading/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/FileUploader/Validation/ReactJs/index.html b/apps/demos/Demos/FileUploader/Validation/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/FileUploader/Validation/ReactJs/index.html
+++ b/apps/demos/Demos/FileUploader/Validation/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/FilterBuilder/Customization/ReactJs/index.html b/apps/demos/Demos/FilterBuilder/Customization/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/FilterBuilder/Customization/ReactJs/index.html
+++ b/apps/demos/Demos/FilterBuilder/Customization/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/FilterBuilder/WithDataGrid/ReactJs/index.html b/apps/demos/Demos/FilterBuilder/WithDataGrid/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/FilterBuilder/WithDataGrid/ReactJs/index.html
+++ b/apps/demos/Demos/FilterBuilder/WithDataGrid/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/FilterBuilder/WithList/ReactJs/index.html b/apps/demos/Demos/FilterBuilder/WithList/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/FilterBuilder/WithList/ReactJs/index.html
+++ b/apps/demos/Demos/FilterBuilder/WithList/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/FloatingActionButton/Overview/ReactJs/index.html b/apps/demos/Demos/FloatingActionButton/Overview/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/FloatingActionButton/Overview/ReactJs/index.html
+++ b/apps/demos/Demos/FloatingActionButton/Overview/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Form/Adaptability/ReactJs/index.html b/apps/demos/Demos/Form/Adaptability/ReactJs/index.html
index cefc207216e7..7b47950bbaff 100644
--- a/apps/demos/Demos/Form/Adaptability/ReactJs/index.html
+++ b/apps/demos/Demos/Form/Adaptability/ReactJs/index.html
@@ -2,48 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Form/Grouping/ReactJs/index.html b/apps/demos/Demos/Form/Grouping/ReactJs/index.html
index cefc207216e7..7b47950bbaff 100644
--- a/apps/demos/Demos/Form/Grouping/ReactJs/index.html
+++ b/apps/demos/Demos/Form/Grouping/ReactJs/index.html
@@ -2,48 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Form/ItemCustomization/ReactJs/index.html b/apps/demos/Demos/Form/ItemCustomization/ReactJs/index.html
index cefc207216e7..7b47950bbaff 100644
--- a/apps/demos/Demos/Form/ItemCustomization/ReactJs/index.html
+++ b/apps/demos/Demos/Form/ItemCustomization/ReactJs/index.html
@@ -2,48 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Form/Overview/ReactJs/index.html b/apps/demos/Demos/Form/Overview/ReactJs/index.html
index cefc207216e7..7b47950bbaff 100644
--- a/apps/demos/Demos/Form/Overview/ReactJs/index.html
+++ b/apps/demos/Demos/Form/Overview/ReactJs/index.html
@@ -2,48 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Form/SmartPaste/ReactJs/index.html b/apps/demos/Demos/Form/SmartPaste/ReactJs/index.html
index 1b0ce9f58699..7b47950bbaff 100644
--- a/apps/demos/Demos/Form/SmartPaste/ReactJs/index.html
+++ b/apps/demos/Demos/Form/SmartPaste/ReactJs/index.html
@@ -2,48 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme/dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Form/UpdateItemsDynamically/ReactJs/index.html b/apps/demos/Demos/Form/UpdateItemsDynamically/ReactJs/index.html
index cefc207216e7..7b47950bbaff 100644
--- a/apps/demos/Demos/Form/UpdateItemsDynamically/ReactJs/index.html
+++ b/apps/demos/Demos/Form/UpdateItemsDynamically/ReactJs/index.html
@@ -2,48 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Form/Validation/ReactJs/index.html b/apps/demos/Demos/Form/Validation/ReactJs/index.html
index cefc207216e7..7b47950bbaff 100644
--- a/apps/demos/Demos/Form/Validation/ReactJs/index.html
+++ b/apps/demos/Demos/Form/Validation/ReactJs/index.html
@@ -2,48 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gallery/ItemTemplate/ReactJs/index.html b/apps/demos/Demos/Gallery/ItemTemplate/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Gallery/ItemTemplate/ReactJs/index.html
+++ b/apps/demos/Demos/Gallery/ItemTemplate/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gallery/Overview/ReactJs/index.html b/apps/demos/Demos/Gallery/Overview/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Gallery/Overview/ReactJs/index.html
+++ b/apps/demos/Demos/Gallery/Overview/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gantt/Appearance/ReactJs/index.html b/apps/demos/Demos/Gantt/Appearance/ReactJs/index.html
index 5e995c2761f9..7b47950bbaff 100644
--- a/apps/demos/Demos/Gantt/Appearance/ReactJs/index.html
+++ b/apps/demos/Demos/Gantt/Appearance/ReactJs/index.html
@@ -2,48 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.min.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gantt/ContextMenu/ReactJs/index.html b/apps/demos/Demos/Gantt/ContextMenu/ReactJs/index.html
index 5e995c2761f9..7b47950bbaff 100644
--- a/apps/demos/Demos/Gantt/ContextMenu/ReactJs/index.html
+++ b/apps/demos/Demos/Gantt/ContextMenu/ReactJs/index.html
@@ -2,48 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.min.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gantt/DataBinding/ReactJs/index.html b/apps/demos/Demos/Gantt/DataBinding/ReactJs/index.html
index 5e995c2761f9..7b47950bbaff 100644
--- a/apps/demos/Demos/Gantt/DataBinding/ReactJs/index.html
+++ b/apps/demos/Demos/Gantt/DataBinding/ReactJs/index.html
@@ -2,48 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.min.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gantt/ExportToPDF/ReactJs/index.html b/apps/demos/Demos/Gantt/ExportToPDF/ReactJs/index.html
index 5e995c2761f9..7b47950bbaff 100644
--- a/apps/demos/Demos/Gantt/ExportToPDF/ReactJs/index.html
+++ b/apps/demos/Demos/Gantt/ExportToPDF/ReactJs/index.html
@@ -2,48 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.min.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gantt/FilterRow/ReactJs/index.html b/apps/demos/Demos/Gantt/FilterRow/ReactJs/index.html
index 5e995c2761f9..7b47950bbaff 100644
--- a/apps/demos/Demos/Gantt/FilterRow/ReactJs/index.html
+++ b/apps/demos/Demos/Gantt/FilterRow/ReactJs/index.html
@@ -2,48 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.min.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gantt/HeaderFilter/ReactJs/index.html b/apps/demos/Demos/Gantt/HeaderFilter/ReactJs/index.html
index 5e995c2761f9..7b47950bbaff 100644
--- a/apps/demos/Demos/Gantt/HeaderFilter/ReactJs/index.html
+++ b/apps/demos/Demos/Gantt/HeaderFilter/ReactJs/index.html
@@ -2,48 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.min.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gantt/Overview/ReactJs/index.html b/apps/demos/Demos/Gantt/Overview/ReactJs/index.html
index 5e995c2761f9..7b47950bbaff 100644
--- a/apps/demos/Demos/Gantt/Overview/ReactJs/index.html
+++ b/apps/demos/Demos/Gantt/Overview/ReactJs/index.html
@@ -2,48 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.min.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gantt/Sorting/ReactJs/index.html b/apps/demos/Demos/Gantt/Sorting/ReactJs/index.html
index 5e995c2761f9..7b47950bbaff 100644
--- a/apps/demos/Demos/Gantt/Sorting/ReactJs/index.html
+++ b/apps/demos/Demos/Gantt/Sorting/ReactJs/index.html
@@ -2,48 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.min.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gantt/StripLines/ReactJs/index.html b/apps/demos/Demos/Gantt/StripLines/ReactJs/index.html
index 5e995c2761f9..7b47950bbaff 100644
--- a/apps/demos/Demos/Gantt/StripLines/ReactJs/index.html
+++ b/apps/demos/Demos/Gantt/StripLines/ReactJs/index.html
@@ -2,48 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.min.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gantt/TaskTemplate/ReactJs/index.html b/apps/demos/Demos/Gantt/TaskTemplate/ReactJs/index.html
index 5e995c2761f9..7b47950bbaff 100644
--- a/apps/demos/Demos/Gantt/TaskTemplate/ReactJs/index.html
+++ b/apps/demos/Demos/Gantt/TaskTemplate/ReactJs/index.html
@@ -2,48 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.min.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gantt/Toolbar/ReactJs/index.html b/apps/demos/Demos/Gantt/Toolbar/ReactJs/index.html
index 5e995c2761f9..7b47950bbaff 100644
--- a/apps/demos/Demos/Gantt/Toolbar/ReactJs/index.html
+++ b/apps/demos/Demos/Gantt/Toolbar/ReactJs/index.html
@@ -2,48 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.min.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gantt/Validation/ReactJs/index.html b/apps/demos/Demos/Gantt/Validation/ReactJs/index.html
index 5e995c2761f9..7b47950bbaff 100644
--- a/apps/demos/Demos/Gantt/Validation/ReactJs/index.html
+++ b/apps/demos/Demos/Gantt/Validation/ReactJs/index.html
@@ -2,48 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.min.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/AnglesCustomization/ReactJs/index.html b/apps/demos/Demos/Gauges/AnglesCustomization/ReactJs/index.html
index 69766218ddb1..7b47950bbaff 100644
--- a/apps/demos/Demos/Gauges/AnglesCustomization/ReactJs/index.html
+++ b/apps/demos/Demos/Gauges/AnglesCustomization/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="dx-theme"
-      data-theme="generic.light"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/BarGauge/ReactJs/index.html b/apps/demos/Demos/Gauges/BarGauge/ReactJs/index.html
index 69766218ddb1..7b47950bbaff 100644
--- a/apps/demos/Demos/Gauges/BarGauge/ReactJs/index.html
+++ b/apps/demos/Demos/Gauges/BarGauge/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="dx-theme"
-      data-theme="generic.light"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/CircularGauge/ReactJs/index.html b/apps/demos/Demos/Gauges/CircularGauge/ReactJs/index.html
index 69766218ddb1..7b47950bbaff 100644
--- a/apps/demos/Demos/Gauges/CircularGauge/ReactJs/index.html
+++ b/apps/demos/Demos/Gauges/CircularGauge/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="dx-theme"
-      data-theme="generic.light"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/CustomLayout/ReactJs/index.html b/apps/demos/Demos/Gauges/CustomLayout/ReactJs/index.html
index 69766218ddb1..7b47950bbaff 100644
--- a/apps/demos/Demos/Gauges/CustomLayout/ReactJs/index.html
+++ b/apps/demos/Demos/Gauges/CustomLayout/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="dx-theme"
-      data-theme="generic.light"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/CustomLayoutLinearGauge/ReactJs/index.html b/apps/demos/Demos/Gauges/CustomLayoutLinearGauge/ReactJs/index.html
index 69766218ddb1..7b47950bbaff 100644
--- a/apps/demos/Demos/Gauges/CustomLayoutLinearGauge/ReactJs/index.html
+++ b/apps/demos/Demos/Gauges/CustomLayoutLinearGauge/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="dx-theme"
-      data-theme="generic.light"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/DifferentSubvalueIndicatorTypes/ReactJs/index.html b/apps/demos/Demos/Gauges/DifferentSubvalueIndicatorTypes/ReactJs/index.html
index 0f56838e0788..34183a0d5203 100644
--- a/apps/demos/Demos/Gauges/DifferentSubvalueIndicatorTypes/ReactJs/index.html
+++ b/apps/demos/Demos/Gauges/DifferentSubvalueIndicatorTypes/ReactJs/index.html
@@ -2,46 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
-      <div
-        id="app"
-        data-r-app
-      ></div>
+      <div id="app" data-r-app></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/DifferentSubvalueIndicatorTypesLinearGauge/ReactJs/index.html b/apps/demos/Demos/Gauges/DifferentSubvalueIndicatorTypesLinearGauge/ReactJs/index.html
index 69766218ddb1..7b47950bbaff 100644
--- a/apps/demos/Demos/Gauges/DifferentSubvalueIndicatorTypesLinearGauge/ReactJs/index.html
+++ b/apps/demos/Demos/Gauges/DifferentSubvalueIndicatorTypesLinearGauge/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="dx-theme"
-      data-theme="generic.light"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/DifferentValueIndicatorTypes/ReactJs/index.html b/apps/demos/Demos/Gauges/DifferentValueIndicatorTypes/ReactJs/index.html
index 69766218ddb1..7b47950bbaff 100644
--- a/apps/demos/Demos/Gauges/DifferentValueIndicatorTypes/ReactJs/index.html
+++ b/apps/demos/Demos/Gauges/DifferentValueIndicatorTypes/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="dx-theme"
-      data-theme="generic.light"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/DifferentValueIndicatorTypesLinearGauge/ReactJs/index.html b/apps/demos/Demos/Gauges/DifferentValueIndicatorTypesLinearGauge/ReactJs/index.html
index 69766218ddb1..7b47950bbaff 100644
--- a/apps/demos/Demos/Gauges/DifferentValueIndicatorTypesLinearGauge/ReactJs/index.html
+++ b/apps/demos/Demos/Gauges/DifferentValueIndicatorTypesLinearGauge/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="dx-theme"
-      data-theme="generic.light"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/GaugeTitleCustomized/ReactJs/index.html b/apps/demos/Demos/Gauges/GaugeTitleCustomized/ReactJs/index.html
index 69766218ddb1..7b47950bbaff 100644
--- a/apps/demos/Demos/Gauges/GaugeTitleCustomized/ReactJs/index.html
+++ b/apps/demos/Demos/Gauges/GaugeTitleCustomized/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="dx-theme"
-      data-theme="generic.light"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/GaugeTooltip/ReactJs/index.html b/apps/demos/Demos/Gauges/GaugeTooltip/ReactJs/index.html
index 69766218ddb1..7b47950bbaff 100644
--- a/apps/demos/Demos/Gauges/GaugeTooltip/ReactJs/index.html
+++ b/apps/demos/Demos/Gauges/GaugeTooltip/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="dx-theme"
-      data-theme="generic.light"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/LabelsCustomization/ReactJs/index.html b/apps/demos/Demos/Gauges/LabelsCustomization/ReactJs/index.html
index 69766218ddb1..7b47950bbaff 100644
--- a/apps/demos/Demos/Gauges/LabelsCustomization/ReactJs/index.html
+++ b/apps/demos/Demos/Gauges/LabelsCustomization/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="dx-theme"
-      data-theme="generic.light"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/LinearGauge/ReactJs/index.html b/apps/demos/Demos/Gauges/LinearGauge/ReactJs/index.html
index 69766218ddb1..7b47950bbaff 100644
--- a/apps/demos/Demos/Gauges/LinearGauge/ReactJs/index.html
+++ b/apps/demos/Demos/Gauges/LinearGauge/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="dx-theme"
-      data-theme="generic.light"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/Overview/ReactJs/index.html b/apps/demos/Demos/Gauges/Overview/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Gauges/Overview/ReactJs/index.html
+++ b/apps/demos/Demos/Gauges/Overview/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/Palette/ReactJs/index.html b/apps/demos/Demos/Gauges/Palette/ReactJs/index.html
index 69766218ddb1..7b47950bbaff 100644
--- a/apps/demos/Demos/Gauges/Palette/ReactJs/index.html
+++ b/apps/demos/Demos/Gauges/Palette/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="dx-theme"
-      data-theme="generic.light"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/PaletteForRanges/ReactJs/index.html b/apps/demos/Demos/Gauges/PaletteForRanges/ReactJs/index.html
index 69766218ddb1..7b47950bbaff 100644
--- a/apps/demos/Demos/Gauges/PaletteForRanges/ReactJs/index.html
+++ b/apps/demos/Demos/Gauges/PaletteForRanges/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="dx-theme"
-      data-theme="generic.light"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/RangeBarBaseValue/ReactJs/index.html b/apps/demos/Demos/Gauges/RangeBarBaseValue/ReactJs/index.html
index 69766218ddb1..7b47950bbaff 100644
--- a/apps/demos/Demos/Gauges/RangeBarBaseValue/ReactJs/index.html
+++ b/apps/demos/Demos/Gauges/RangeBarBaseValue/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="dx-theme"
-      data-theme="generic.light"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/ScaleCustomTickInterval/ReactJs/index.html b/apps/demos/Demos/Gauges/ScaleCustomTickInterval/ReactJs/index.html
index 69766218ddb1..7b47950bbaff 100644
--- a/apps/demos/Demos/Gauges/ScaleCustomTickInterval/ReactJs/index.html
+++ b/apps/demos/Demos/Gauges/ScaleCustomTickInterval/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="dx-theme"
-      data-theme="generic.light"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/ScaleCustomTickValues/ReactJs/index.html b/apps/demos/Demos/Gauges/ScaleCustomTickValues/ReactJs/index.html
index 69766218ddb1..7b47950bbaff 100644
--- a/apps/demos/Demos/Gauges/ScaleCustomTickValues/ReactJs/index.html
+++ b/apps/demos/Demos/Gauges/ScaleCustomTickValues/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="dx-theme"
-      data-theme="generic.light"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/ScaleLabelFormatting/ReactJs/index.html b/apps/demos/Demos/Gauges/ScaleLabelFormatting/ReactJs/index.html
index 69766218ddb1..7b47950bbaff 100644
--- a/apps/demos/Demos/Gauges/ScaleLabelFormatting/ReactJs/index.html
+++ b/apps/demos/Demos/Gauges/ScaleLabelFormatting/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="dx-theme"
-      data-theme="generic.light"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/ScaleMinorTicks/ReactJs/index.html b/apps/demos/Demos/Gauges/ScaleMinorTicks/ReactJs/index.html
index 69766218ddb1..7b47950bbaff 100644
--- a/apps/demos/Demos/Gauges/ScaleMinorTicks/ReactJs/index.html
+++ b/apps/demos/Demos/Gauges/ScaleMinorTicks/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="dx-theme"
-      data-theme="generic.light"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/SubvalueIndicatorTextFormatting/ReactJs/index.html b/apps/demos/Demos/Gauges/SubvalueIndicatorTextFormatting/ReactJs/index.html
index 69766218ddb1..7b47950bbaff 100644
--- a/apps/demos/Demos/Gauges/SubvalueIndicatorTextFormatting/ReactJs/index.html
+++ b/apps/demos/Demos/Gauges/SubvalueIndicatorTextFormatting/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="dx-theme"
-      data-theme="generic.light"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/SubvalueIndicatorsRuntimeCustomization/ReactJs/index.html b/apps/demos/Demos/Gauges/SubvalueIndicatorsRuntimeCustomization/ReactJs/index.html
index 69766218ddb1..7b47950bbaff 100644
--- a/apps/demos/Demos/Gauges/SubvalueIndicatorsRuntimeCustomization/ReactJs/index.html
+++ b/apps/demos/Demos/Gauges/SubvalueIndicatorsRuntimeCustomization/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="dx-theme"
-      data-theme="generic.light"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/Tooltip/ReactJs/index.html b/apps/demos/Demos/Gauges/Tooltip/ReactJs/index.html
index 69766218ddb1..7b47950bbaff 100644
--- a/apps/demos/Demos/Gauges/Tooltip/ReactJs/index.html
+++ b/apps/demos/Demos/Gauges/Tooltip/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="dx-theme"
-      data-theme="generic.light"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/ValueIndicatorsAPI/ReactJs/index.html b/apps/demos/Demos/Gauges/ValueIndicatorsAPI/ReactJs/index.html
index 69766218ddb1..7b47950bbaff 100644
--- a/apps/demos/Demos/Gauges/ValueIndicatorsAPI/ReactJs/index.html
+++ b/apps/demos/Demos/Gauges/ValueIndicatorsAPI/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="dx-theme"
-      data-theme="generic.light"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/VariableNumberOfBars/ReactJs/index.html b/apps/demos/Demos/Gauges/VariableNumberOfBars/ReactJs/index.html
index 69766218ddb1..7b47950bbaff 100644
--- a/apps/demos/Demos/Gauges/VariableNumberOfBars/ReactJs/index.html
+++ b/apps/demos/Demos/Gauges/VariableNumberOfBars/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="dx-theme"
-      data-theme="generic.light"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/HtmlEditor/AITextEditing/ReactJs/index.html b/apps/demos/Demos/HtmlEditor/AITextEditing/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/HtmlEditor/AITextEditing/ReactJs/index.html
+++ b/apps/demos/Demos/HtmlEditor/AITextEditing/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/HtmlEditor/MarkdownSupport/ReactJs/index.html b/apps/demos/Demos/HtmlEditor/MarkdownSupport/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/HtmlEditor/MarkdownSupport/ReactJs/index.html
+++ b/apps/demos/Demos/HtmlEditor/MarkdownSupport/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/HtmlEditor/Mentions/ReactJs/index.html b/apps/demos/Demos/HtmlEditor/Mentions/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/HtmlEditor/Mentions/ReactJs/index.html
+++ b/apps/demos/Demos/HtmlEditor/Mentions/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/HtmlEditor/Overview/ReactJs/index.html b/apps/demos/Demos/HtmlEditor/Overview/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/HtmlEditor/Overview/ReactJs/index.html
+++ b/apps/demos/Demos/HtmlEditor/Overview/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/HtmlEditor/Tables/ReactJs/index.html b/apps/demos/Demos/HtmlEditor/Tables/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/HtmlEditor/Tables/ReactJs/index.html
+++ b/apps/demos/Demos/HtmlEditor/Tables/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/HtmlEditor/ToolbarCustomization/ReactJs/index.html b/apps/demos/Demos/HtmlEditor/ToolbarCustomization/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/HtmlEditor/ToolbarCustomization/ReactJs/index.html
+++ b/apps/demos/Demos/HtmlEditor/ToolbarCustomization/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/List/DragAndDrop/ReactJs/index.html b/apps/demos/Demos/List/DragAndDrop/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/List/DragAndDrop/ReactJs/index.html
+++ b/apps/demos/Demos/List/DragAndDrop/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/List/Grouping/ReactJs/index.html b/apps/demos/Demos/List/Grouping/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/List/Grouping/ReactJs/index.html
+++ b/apps/demos/Demos/List/Grouping/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/List/ItemDeletion/ReactJs/index.html b/apps/demos/Demos/List/ItemDeletion/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/List/ItemDeletion/ReactJs/index.html
+++ b/apps/demos/Demos/List/ItemDeletion/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/List/ItemTemplate/ReactJs/index.html b/apps/demos/Demos/List/ItemTemplate/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/List/ItemTemplate/ReactJs/index.html
+++ b/apps/demos/Demos/List/ItemTemplate/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/List/Search/ReactJs/index.html b/apps/demos/Demos/List/Search/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/List/Search/ReactJs/index.html
+++ b/apps/demos/Demos/List/Search/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/List/Selection/ReactJs/index.html b/apps/demos/Demos/List/Selection/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/List/Selection/ReactJs/index.html
+++ b/apps/demos/Demos/List/Selection/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/List/WebAPI/ReactJs/index.html b/apps/demos/Demos/List/WebAPI/ReactJs/index.html
index db31b0fd60c6..1da2da79d709 100644
--- a/apps/demos/Demos/List/WebAPI/ReactJs/index.html
+++ b/apps/demos/Demos/List/WebAPI/ReactJs/index.html
@@ -2,43 +2,15 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/LoadIndicator/Overview/ReactJs/index.html b/apps/demos/Demos/LoadIndicator/Overview/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/LoadIndicator/Overview/ReactJs/index.html
+++ b/apps/demos/Demos/LoadIndicator/Overview/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/LoadPanel/Overview/ReactJs/index.html b/apps/demos/Demos/LoadPanel/Overview/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/LoadPanel/Overview/ReactJs/index.html
+++ b/apps/demos/Demos/LoadPanel/Overview/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Localization/UsingGlobalize/ReactJs/index.html b/apps/demos/Demos/Localization/UsingGlobalize/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Localization/UsingGlobalize/ReactJs/index.html
+++ b/apps/demos/Demos/Localization/UsingGlobalize/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Localization/UsingIntl/ReactJs/index.html b/apps/demos/Demos/Localization/UsingIntl/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Localization/UsingIntl/ReactJs/index.html
+++ b/apps/demos/Demos/Localization/UsingIntl/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Lookup/Basics/ReactJs/index.html b/apps/demos/Demos/Lookup/Basics/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Lookup/Basics/ReactJs/index.html
+++ b/apps/demos/Demos/Lookup/Basics/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Lookup/EventHandling/ReactJs/index.html b/apps/demos/Demos/Lookup/EventHandling/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Lookup/EventHandling/ReactJs/index.html
+++ b/apps/demos/Demos/Lookup/EventHandling/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Lookup/Templates/ReactJs/index.html b/apps/demos/Demos/Lookup/Templates/ReactJs/index.html
index cefc207216e7..7b47950bbaff 100644
--- a/apps/demos/Demos/Lookup/Templates/ReactJs/index.html
+++ b/apps/demos/Demos/Lookup/Templates/ReactJs/index.html
@@ -2,48 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Map/Markers/ReactJs/index.html b/apps/demos/Demos/Map/Markers/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Map/Markers/ReactJs/index.html
+++ b/apps/demos/Demos/Map/Markers/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Map/ProvidersAndTypes/ReactJs/index.html b/apps/demos/Demos/Map/ProvidersAndTypes/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Map/ProvidersAndTypes/ReactJs/index.html
+++ b/apps/demos/Demos/Map/ProvidersAndTypes/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Map/Routes/ReactJs/index.html b/apps/demos/Demos/Map/Routes/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Map/Routes/ReactJs/index.html
+++ b/apps/demos/Demos/Map/Routes/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Menu/Overview/ReactJs/index.html b/apps/demos/Demos/Menu/Overview/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Menu/Overview/ReactJs/index.html
+++ b/apps/demos/Demos/Menu/Overview/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Menu/Scrolling/ReactJs/index.html b/apps/demos/Demos/Menu/Scrolling/ReactJs/index.html
index a1dcc9587e3a..576c107e0152 100644
--- a/apps/demos/Demos/Menu/Scrolling/ReactJs/index.html
+++ b/apps/demos/Demos/Menu/Scrolling/ReactJs/index.html
@@ -2,41 +2,14 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div id="app"></div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/MultiView/Overview/ReactJs/index.html b/apps/demos/Demos/MultiView/Overview/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/MultiView/Overview/ReactJs/index.html
+++ b/apps/demos/Demos/MultiView/Overview/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/NumberBox/Formatting/ReactJs/index.html b/apps/demos/Demos/NumberBox/Formatting/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/NumberBox/Formatting/ReactJs/index.html
+++ b/apps/demos/Demos/NumberBox/Formatting/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/NumberBox/Overview/ReactJs/index.html b/apps/demos/Demos/NumberBox/Overview/ReactJs/index.html
index d6d83f735a76..1da2da79d709 100644
--- a/apps/demos/Demos/NumberBox/Overview/ReactJs/index.html
+++ b/apps/demos/Demos/NumberBox/Overview/ReactJs/index.html
@@ -2,38 +2,15 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Pagination/Overview/ReactJs/index.html b/apps/demos/Demos/Pagination/Overview/ReactJs/index.html
index 1614ae6aee3d..2019c420e632 100644
--- a/apps/demos/Demos/Pagination/Overview/ReactJs/index.html
+++ b/apps/demos/Demos/Pagination/Overview/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme/dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div class="container"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/PivotGrid/ChartIntegration/ReactJs/index.html b/apps/demos/Demos/PivotGrid/ChartIntegration/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/PivotGrid/ChartIntegration/ReactJs/index.html
+++ b/apps/demos/Demos/PivotGrid/ChartIntegration/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/PivotGrid/Customization/ReactJs/index.html b/apps/demos/Demos/PivotGrid/Customization/ReactJs/index.html
index 8d812d7c36a1..7b47950bbaff 100644
--- a/apps/demos/Demos/PivotGrid/Customization/ReactJs/index.html
+++ b/apps/demos/Demos/PivotGrid/Customization/ReactJs/index.html
@@ -2,42 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/PivotGrid/DrillDown/ReactJs/index.html b/apps/demos/Demos/PivotGrid/DrillDown/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/PivotGrid/DrillDown/ReactJs/index.html
+++ b/apps/demos/Demos/PivotGrid/DrillDown/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/PivotGrid/ExcelJSCellCustomization/ReactJs/index.html b/apps/demos/Demos/PivotGrid/ExcelJSCellCustomization/ReactJs/index.html
index 9d0a00508fe4..1da2da79d709 100644
--- a/apps/demos/Demos/PivotGrid/ExcelJSCellCustomization/ReactJs/index.html
+++ b/apps/demos/Demos/PivotGrid/ExcelJSCellCustomization/ReactJs/index.html
@@ -2,37 +2,15 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/PivotGrid/ExcelJSOverview/ReactJs/index.html b/apps/demos/Demos/PivotGrid/ExcelJSOverview/ReactJs/index.html
index 9d0a00508fe4..1da2da79d709 100644
--- a/apps/demos/Demos/PivotGrid/ExcelJSOverview/ReactJs/index.html
+++ b/apps/demos/Demos/PivotGrid/ExcelJSOverview/ReactJs/index.html
@@ -2,37 +2,15 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/PivotGrid/ExcelJsHeaderAndFooter/ReactJs/index.html b/apps/demos/Demos/PivotGrid/ExcelJsHeaderAndFooter/ReactJs/index.html
index 8d812d7c36a1..7b47950bbaff 100644
--- a/apps/demos/Demos/PivotGrid/ExcelJsHeaderAndFooter/ReactJs/index.html
+++ b/apps/demos/Demos/PivotGrid/ExcelJsHeaderAndFooter/ReactJs/index.html
@@ -2,42 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/PivotGrid/FieldPanel/ReactJs/index.html b/apps/demos/Demos/PivotGrid/FieldPanel/ReactJs/index.html
index 8d812d7c36a1..7b47950bbaff 100644
--- a/apps/demos/Demos/PivotGrid/FieldPanel/ReactJs/index.html
+++ b/apps/demos/Demos/PivotGrid/FieldPanel/ReactJs/index.html
@@ -2,42 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/PivotGrid/Filtering/ReactJs/index.html b/apps/demos/Demos/PivotGrid/Filtering/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/PivotGrid/Filtering/ReactJs/index.html
+++ b/apps/demos/Demos/PivotGrid/Filtering/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/PivotGrid/IntegratedFieldChooser/ReactJs/index.html b/apps/demos/Demos/PivotGrid/IntegratedFieldChooser/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/PivotGrid/IntegratedFieldChooser/ReactJs/index.html
+++ b/apps/demos/Demos/PivotGrid/IntegratedFieldChooser/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/PivotGrid/OLAPDataSource/ReactJs/index.html b/apps/demos/Demos/PivotGrid/OLAPDataSource/ReactJs/index.html
index 8d812d7c36a1..7b47950bbaff 100644
--- a/apps/demos/Demos/PivotGrid/OLAPDataSource/ReactJs/index.html
+++ b/apps/demos/Demos/PivotGrid/OLAPDataSource/ReactJs/index.html
@@ -2,42 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/PivotGrid/Overview/ReactJs/index.html b/apps/demos/Demos/PivotGrid/Overview/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/PivotGrid/Overview/ReactJs/index.html
+++ b/apps/demos/Demos/PivotGrid/Overview/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/PivotGrid/RemoteVirtualScrolling/ReactJs/index.html b/apps/demos/Demos/PivotGrid/RemoteVirtualScrolling/ReactJs/index.html
index 8d812d7c36a1..7b47950bbaff 100644
--- a/apps/demos/Demos/PivotGrid/RemoteVirtualScrolling/ReactJs/index.html
+++ b/apps/demos/Demos/PivotGrid/RemoteVirtualScrolling/ReactJs/index.html
@@ -2,42 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/PivotGrid/RunningTotals/ReactJs/index.html b/apps/demos/Demos/PivotGrid/RunningTotals/ReactJs/index.html
index 8d812d7c36a1..7b47950bbaff 100644
--- a/apps/demos/Demos/PivotGrid/RunningTotals/ReactJs/index.html
+++ b/apps/demos/Demos/PivotGrid/RunningTotals/ReactJs/index.html
@@ -2,42 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/PivotGrid/SimpleArray/ReactJs/index.html b/apps/demos/Demos/PivotGrid/SimpleArray/ReactJs/index.html
index 8d812d7c36a1..7b47950bbaff 100644
--- a/apps/demos/Demos/PivotGrid/SimpleArray/ReactJs/index.html
+++ b/apps/demos/Demos/PivotGrid/SimpleArray/ReactJs/index.html
@@ -2,42 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/PivotGrid/StandaloneFieldChooser/ReactJs/index.html b/apps/demos/Demos/PivotGrid/StandaloneFieldChooser/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/PivotGrid/StandaloneFieldChooser/ReactJs/index.html
+++ b/apps/demos/Demos/PivotGrid/StandaloneFieldChooser/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/PivotGrid/StatePersistence/ReactJs/index.html b/apps/demos/Demos/PivotGrid/StatePersistence/ReactJs/index.html
index 8d812d7c36a1..7b47950bbaff 100644
--- a/apps/demos/Demos/PivotGrid/StatePersistence/ReactJs/index.html
+++ b/apps/demos/Demos/PivotGrid/StatePersistence/ReactJs/index.html
@@ -2,42 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/PivotGrid/SummaryDisplayModes/ReactJs/index.html b/apps/demos/Demos/PivotGrid/SummaryDisplayModes/ReactJs/index.html
index 8d812d7c36a1..7b47950bbaff 100644
--- a/apps/demos/Demos/PivotGrid/SummaryDisplayModes/ReactJs/index.html
+++ b/apps/demos/Demos/PivotGrid/SummaryDisplayModes/ReactJs/index.html
@@ -2,42 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/PivotGrid/VirtualScrolling/ReactJs/index.html b/apps/demos/Demos/PivotGrid/VirtualScrolling/ReactJs/index.html
index 8d812d7c36a1..7b47950bbaff 100644
--- a/apps/demos/Demos/PivotGrid/VirtualScrolling/ReactJs/index.html
+++ b/apps/demos/Demos/PivotGrid/VirtualScrolling/ReactJs/index.html
@@ -2,42 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/PivotGrid/WebAPIService/ReactJs/index.html b/apps/demos/Demos/PivotGrid/WebAPIService/ReactJs/index.html
index d6d83f735a76..1da2da79d709 100644
--- a/apps/demos/Demos/PivotGrid/WebAPIService/ReactJs/index.html
+++ b/apps/demos/Demos/PivotGrid/WebAPIService/ReactJs/index.html
@@ -2,38 +2,15 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Popover/Overview/ReactJs/index.html b/apps/demos/Demos/Popover/Overview/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Popover/Overview/ReactJs/index.html
+++ b/apps/demos/Demos/Popover/Overview/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Popup/Overview/ReactJs/index.html b/apps/demos/Demos/Popup/Overview/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Popup/Overview/ReactJs/index.html
+++ b/apps/demos/Demos/Popup/Overview/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Popup/Scrolling/ReactJs/index.html b/apps/demos/Demos/Popup/Scrolling/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Popup/Scrolling/ReactJs/index.html
+++ b/apps/demos/Demos/Popup/Scrolling/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/ProgressBar/Overview/ReactJs/index.html b/apps/demos/Demos/ProgressBar/Overview/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/ProgressBar/Overview/ReactJs/index.html
+++ b/apps/demos/Demos/ProgressBar/Overview/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/RadioGroup/Overview/ReactJs/index.html b/apps/demos/Demos/RadioGroup/Overview/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/RadioGroup/Overview/ReactJs/index.html
+++ b/apps/demos/Demos/RadioGroup/Overview/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/RangeSelector/BackgroundImage/ReactJs/index.html b/apps/demos/Demos/RangeSelector/BackgroundImage/ReactJs/index.html
index 69766218ddb1..7b47950bbaff 100644
--- a/apps/demos/Demos/RangeSelector/BackgroundImage/ReactJs/index.html
+++ b/apps/demos/Demos/RangeSelector/BackgroundImage/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="dx-theme"
-      data-theme="generic.light"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/RangeSelector/Calculation/ReactJs/index.html b/apps/demos/Demos/RangeSelector/Calculation/ReactJs/index.html
index 69766218ddb1..7b47950bbaff 100644
--- a/apps/demos/Demos/RangeSelector/Calculation/ReactJs/index.html
+++ b/apps/demos/Demos/RangeSelector/Calculation/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="dx-theme"
-      data-theme="generic.light"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/RangeSelector/CustomFormatting/ReactJs/index.html b/apps/demos/Demos/RangeSelector/CustomFormatting/ReactJs/index.html
index 69766218ddb1..7b47950bbaff 100644
--- a/apps/demos/Demos/RangeSelector/CustomFormatting/ReactJs/index.html
+++ b/apps/demos/Demos/RangeSelector/CustomFormatting/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="dx-theme"
-      data-theme="generic.light"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/RangeSelector/DateTimeScale/ReactJs/index.html b/apps/demos/Demos/RangeSelector/DateTimeScale/ReactJs/index.html
index 69766218ddb1..7b47950bbaff 100644
--- a/apps/demos/Demos/RangeSelector/DateTimeScale/ReactJs/index.html
+++ b/apps/demos/Demos/RangeSelector/DateTimeScale/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="dx-theme"
-      data-theme="generic.light"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/RangeSelector/DateTimeScaleLightweight/ReactJs/index.html b/apps/demos/Demos/RangeSelector/DateTimeScaleLightweight/ReactJs/index.html
index 69766218ddb1..7b47950bbaff 100644
--- a/apps/demos/Demos/RangeSelector/DateTimeScaleLightweight/ReactJs/index.html
+++ b/apps/demos/Demos/RangeSelector/DateTimeScaleLightweight/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="dx-theme"
-      data-theme="generic.light"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/RangeSelector/DiscreteScale/ReactJs/index.html b/apps/demos/Demos/RangeSelector/DiscreteScale/ReactJs/index.html
index 69766218ddb1..7b47950bbaff 100644
--- a/apps/demos/Demos/RangeSelector/DiscreteScale/ReactJs/index.html
+++ b/apps/demos/Demos/RangeSelector/DiscreteScale/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="dx-theme"
-      data-theme="generic.light"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/RangeSelector/EmbeddedChart/ReactJs/index.html b/apps/demos/Demos/RangeSelector/EmbeddedChart/ReactJs/index.html
index 69766218ddb1..7b47950bbaff 100644
--- a/apps/demos/Demos/RangeSelector/EmbeddedChart/ReactJs/index.html
+++ b/apps/demos/Demos/RangeSelector/EmbeddedChart/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="dx-theme"
-      data-theme="generic.light"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/RangeSelector/EmbeddedChartCustomized/ReactJs/index.html b/apps/demos/Demos/RangeSelector/EmbeddedChartCustomized/ReactJs/index.html
index 69766218ddb1..7b47950bbaff 100644
--- a/apps/demos/Demos/RangeSelector/EmbeddedChartCustomized/ReactJs/index.html
+++ b/apps/demos/Demos/RangeSelector/EmbeddedChartCustomized/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="dx-theme"
-      data-theme="generic.light"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/RangeSelector/EmbeddedChartSeriesTemplate/ReactJs/index.html b/apps/demos/Demos/RangeSelector/EmbeddedChartSeriesTemplate/ReactJs/index.html
index 69766218ddb1..7b47950bbaff 100644
--- a/apps/demos/Demos/RangeSelector/EmbeddedChartSeriesTemplate/ReactJs/index.html
+++ b/apps/demos/Demos/RangeSelector/EmbeddedChartSeriesTemplate/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="dx-theme"
-      data-theme="generic.light"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/RangeSelector/Filter/ReactJs/index.html b/apps/demos/Demos/RangeSelector/Filter/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/RangeSelector/Filter/ReactJs/index.html
+++ b/apps/demos/Demos/RangeSelector/Filter/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/RangeSelector/LogarithmicScale/ReactJs/index.html b/apps/demos/Demos/RangeSelector/LogarithmicScale/ReactJs/index.html
index 69766218ddb1..7b47950bbaff 100644
--- a/apps/demos/Demos/RangeSelector/LogarithmicScale/ReactJs/index.html
+++ b/apps/demos/Demos/RangeSelector/LogarithmicScale/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="dx-theme"
-      data-theme="generic.light"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/RangeSelector/NumericScale/ReactJs/index.html b/apps/demos/Demos/RangeSelector/NumericScale/ReactJs/index.html
index 69766218ddb1..7b47950bbaff 100644
--- a/apps/demos/Demos/RangeSelector/NumericScale/ReactJs/index.html
+++ b/apps/demos/Demos/RangeSelector/NumericScale/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="dx-theme"
-      data-theme="generic.light"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/RangeSelector/NumericScaleLightweight/ReactJs/index.html b/apps/demos/Demos/RangeSelector/NumericScaleLightweight/ReactJs/index.html
index 69766218ddb1..7b47950bbaff 100644
--- a/apps/demos/Demos/RangeSelector/NumericScaleLightweight/ReactJs/index.html
+++ b/apps/demos/Demos/RangeSelector/NumericScaleLightweight/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="dx-theme"
-      data-theme="generic.light"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/RangeSlider/Overview/ReactJs/index.html b/apps/demos/Demos/RangeSlider/Overview/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/RangeSlider/Overview/ReactJs/index.html
+++ b/apps/demos/Demos/RangeSlider/Overview/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Resizable/Overview/ReactJs/index.html b/apps/demos/Demos/Resizable/Overview/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Resizable/Overview/ReactJs/index.html
+++ b/apps/demos/Demos/Resizable/Overview/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/ResponsiveBox/Overview/ReactJs/index.html b/apps/demos/Demos/ResponsiveBox/Overview/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/ResponsiveBox/Overview/ReactJs/index.html
+++ b/apps/demos/Demos/ResponsiveBox/Overview/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/Adaptability/ReactJs/index.html b/apps/demos/Demos/Scheduler/Adaptability/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Scheduler/Adaptability/ReactJs/index.html
+++ b/apps/demos/Demos/Scheduler/Adaptability/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/Agenda/ReactJs/index.html b/apps/demos/Demos/Scheduler/Agenda/ReactJs/index.html
index d6d83f735a76..1da2da79d709 100644
--- a/apps/demos/Demos/Scheduler/Agenda/ReactJs/index.html
+++ b/apps/demos/Demos/Scheduler/Agenda/ReactJs/index.html
@@ -2,38 +2,15 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/AllDayPanelMode/ReactJs/index.html b/apps/demos/Demos/Scheduler/AllDayPanelMode/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Scheduler/AllDayPanelMode/ReactJs/index.html
+++ b/apps/demos/Demos/Scheduler/AllDayPanelMode/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/AppointmentCountPerCell/ReactJs/index.html b/apps/demos/Demos/Scheduler/AppointmentCountPerCell/ReactJs/index.html
index d6d83f735a76..1da2da79d709 100644
--- a/apps/demos/Demos/Scheduler/AppointmentCountPerCell/ReactJs/index.html
+++ b/apps/demos/Demos/Scheduler/AppointmentCountPerCell/ReactJs/index.html
@@ -2,38 +2,15 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/BasicViews/ReactJs/index.html b/apps/demos/Demos/Scheduler/BasicViews/ReactJs/index.html
index d6d83f735a76..1da2da79d709 100644
--- a/apps/demos/Demos/Scheduler/BasicViews/ReactJs/index.html
+++ b/apps/demos/Demos/Scheduler/BasicViews/ReactJs/index.html
@@ -2,38 +2,15 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/CellTemplates/ReactJs/index.html b/apps/demos/Demos/Scheduler/CellTemplates/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Scheduler/CellTemplates/ReactJs/index.html
+++ b/apps/demos/Demos/Scheduler/CellTemplates/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/ContextMenu/ReactJs/index.html b/apps/demos/Demos/Scheduler/ContextMenu/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Scheduler/ContextMenu/ReactJs/index.html
+++ b/apps/demos/Demos/Scheduler/ContextMenu/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/CreateFromSelection/ReactJs/index.html b/apps/demos/Demos/Scheduler/CreateFromSelection/ReactJs/index.html
index db31b0fd60c6..1da2da79d709 100644
--- a/apps/demos/Demos/Scheduler/CreateFromSelection/ReactJs/index.html
+++ b/apps/demos/Demos/Scheduler/CreateFromSelection/ReactJs/index.html
@@ -2,43 +2,15 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/CurrentTimeIndicator/ReactJs/index.html b/apps/demos/Demos/Scheduler/CurrentTimeIndicator/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Scheduler/CurrentTimeIndicator/ReactJs/index.html
+++ b/apps/demos/Demos/Scheduler/CurrentTimeIndicator/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/CustomViewDuration/ReactJs/index.html b/apps/demos/Demos/Scheduler/CustomViewDuration/ReactJs/index.html
index d6d83f735a76..1da2da79d709 100644
--- a/apps/demos/Demos/Scheduler/CustomViewDuration/ReactJs/index.html
+++ b/apps/demos/Demos/Scheduler/CustomViewDuration/ReactJs/index.html
@@ -2,38 +2,15 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/DragAndDrop/ReactJs/index.html b/apps/demos/Demos/Scheduler/DragAndDrop/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Scheduler/DragAndDrop/ReactJs/index.html
+++ b/apps/demos/Demos/Scheduler/DragAndDrop/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/Editing/ReactJs/index.html b/apps/demos/Demos/Scheduler/Editing/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Scheduler/Editing/ReactJs/index.html
+++ b/apps/demos/Demos/Scheduler/Editing/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/GoogleCalendarIntegration/ReactJs/index.html b/apps/demos/Demos/Scheduler/GoogleCalendarIntegration/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Scheduler/GoogleCalendarIntegration/ReactJs/index.html
+++ b/apps/demos/Demos/Scheduler/GoogleCalendarIntegration/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/GroupByDate/ReactJs/index.html b/apps/demos/Demos/Scheduler/GroupByDate/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Scheduler/GroupByDate/ReactJs/index.html
+++ b/apps/demos/Demos/Scheduler/GroupByDate/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/GroupingByResources/ReactJs/index.html b/apps/demos/Demos/Scheduler/GroupingByResources/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Scheduler/GroupingByResources/ReactJs/index.html
+++ b/apps/demos/Demos/Scheduler/GroupingByResources/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/HiddenDays/ReactJs/index.html b/apps/demos/Demos/Scheduler/HiddenDays/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Scheduler/HiddenDays/ReactJs/index.html
+++ b/apps/demos/Demos/Scheduler/HiddenDays/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/IndividualViewsCustomization/ReactJs/index.html b/apps/demos/Demos/Scheduler/IndividualViewsCustomization/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Scheduler/IndividualViewsCustomization/ReactJs/index.html
+++ b/apps/demos/Demos/Scheduler/IndividualViewsCustomization/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/Overview/ReactJs/index.html b/apps/demos/Demos/Scheduler/Overview/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Scheduler/Overview/ReactJs/index.html
+++ b/apps/demos/Demos/Scheduler/Overview/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/RecurringAppointments/ReactJs/index.html b/apps/demos/Demos/Scheduler/RecurringAppointments/ReactJs/index.html
index d6d83f735a76..1da2da79d709 100644
--- a/apps/demos/Demos/Scheduler/RecurringAppointments/ReactJs/index.html
+++ b/apps/demos/Demos/Scheduler/RecurringAppointments/ReactJs/index.html
@@ -2,38 +2,15 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/ResolveTimeConflicts/ReactJs/index.html b/apps/demos/Demos/Scheduler/ResolveTimeConflicts/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Scheduler/ResolveTimeConflicts/ReactJs/index.html
+++ b/apps/demos/Demos/Scheduler/ResolveTimeConflicts/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/Resources/ReactJs/index.html b/apps/demos/Demos/Scheduler/Resources/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Scheduler/Resources/ReactJs/index.html
+++ b/apps/demos/Demos/Scheduler/Resources/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/SignalRService/ReactJs/index.html b/apps/demos/Demos/Scheduler/SignalRService/ReactJs/index.html
index 4828e70dfadb..7b47950bbaff 100644
--- a/apps/demos/Demos/Scheduler/SignalRService/ReactJs/index.html
+++ b/apps/demos/Demos/Scheduler/SignalRService/ReactJs/index.html
@@ -2,44 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <script src="../signalr-session-id.js"></script>
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/SimpleArray/ReactJs/index.html b/apps/demos/Demos/Scheduler/SimpleArray/ReactJs/index.html
index d6d83f735a76..1da2da79d709 100644
--- a/apps/demos/Demos/Scheduler/SimpleArray/ReactJs/index.html
+++ b/apps/demos/Demos/Scheduler/SimpleArray/ReactJs/index.html
@@ -2,38 +2,15 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/Templates/ReactJs/index.html b/apps/demos/Demos/Scheduler/Templates/ReactJs/index.html
index c767f7b4dac7..e3cb17f9591c 100644
--- a/apps/demos/Demos/Scheduler/Templates/ReactJs/index.html
+++ b/apps/demos/Demos/Scheduler/Templates/ReactJs/index.html
@@ -2,43 +2,17 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div class="long-title"><h3>DXCinema Show Times</h3></div>
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/TimeZonesSupport/ReactJs/index.html b/apps/demos/Demos/Scheduler/TimeZonesSupport/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Scheduler/TimeZonesSupport/ReactJs/index.html
+++ b/apps/demos/Demos/Scheduler/TimeZonesSupport/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/Timelines/ReactJs/index.html b/apps/demos/Demos/Scheduler/Timelines/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Scheduler/Timelines/ReactJs/index.html
+++ b/apps/demos/Demos/Scheduler/Timelines/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/Toolbar/ReactJs/index.html b/apps/demos/Demos/Scheduler/Toolbar/ReactJs/index.html
index d6d83f735a76..1da2da79d709 100644
--- a/apps/demos/Demos/Scheduler/Toolbar/ReactJs/index.html
+++ b/apps/demos/Demos/Scheduler/Toolbar/ReactJs/index.html
@@ -2,38 +2,15 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/VirtualScrolling/ReactJs/index.html b/apps/demos/Demos/Scheduler/VirtualScrolling/ReactJs/index.html
index 2bc0e9f78ec1..46a2868ee988 100644
--- a/apps/demos/Demos/Scheduler/VirtualScrolling/ReactJs/index.html
+++ b/apps/demos/Demos/Scheduler/VirtualScrolling/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="scheduler"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/WebAPIService/ReactJs/index.html b/apps/demos/Demos/Scheduler/WebAPIService/ReactJs/index.html
index d6d83f735a76..1da2da79d709 100644
--- a/apps/demos/Demos/Scheduler/WebAPIService/ReactJs/index.html
+++ b/apps/demos/Demos/Scheduler/WebAPIService/ReactJs/index.html
@@ -2,38 +2,15 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/WorkShifts/ReactJs/index.html b/apps/demos/Demos/Scheduler/WorkShifts/ReactJs/index.html
index 8d812d7c36a1..7b47950bbaff 100644
--- a/apps/demos/Demos/Scheduler/WorkShifts/ReactJs/index.html
+++ b/apps/demos/Demos/Scheduler/WorkShifts/ReactJs/index.html
@@ -2,42 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/ScrollView/Overview/ReactJs/index.html b/apps/demos/Demos/ScrollView/Overview/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/ScrollView/Overview/ReactJs/index.html
+++ b/apps/demos/Demos/ScrollView/Overview/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/SelectBox/CustomizeDropDownButton/ReactJs/index.html b/apps/demos/Demos/SelectBox/CustomizeDropDownButton/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/SelectBox/CustomizeDropDownButton/ReactJs/index.html
+++ b/apps/demos/Demos/SelectBox/CustomizeDropDownButton/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/SelectBox/Grouping/ReactJs/index.html b/apps/demos/Demos/SelectBox/Grouping/ReactJs/index.html
index cefc207216e7..7b47950bbaff 100644
--- a/apps/demos/Demos/SelectBox/Grouping/ReactJs/index.html
+++ b/apps/demos/Demos/SelectBox/Grouping/ReactJs/index.html
@@ -2,48 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/SelectBox/Overview/ReactJs/index.html b/apps/demos/Demos/SelectBox/Overview/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/SelectBox/Overview/ReactJs/index.html
+++ b/apps/demos/Demos/SelectBox/Overview/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/SelectBox/SearchAndEditing/ReactJs/index.html b/apps/demos/Demos/SelectBox/SearchAndEditing/ReactJs/index.html
index cefc207216e7..7b47950bbaff 100644
--- a/apps/demos/Demos/SelectBox/SearchAndEditing/ReactJs/index.html
+++ b/apps/demos/Demos/SelectBox/SearchAndEditing/ReactJs/index.html
@@ -2,48 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Slider/Overview/ReactJs/index.html b/apps/demos/Demos/Slider/Overview/ReactJs/index.html
index cefc207216e7..7b47950bbaff 100644
--- a/apps/demos/Demos/Slider/Overview/ReactJs/index.html
+++ b/apps/demos/Demos/Slider/Overview/ReactJs/index.html
@@ -2,48 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Sortable/Customization/ReactJs/index.html b/apps/demos/Demos/Sortable/Customization/ReactJs/index.html
index cefc207216e7..7b47950bbaff 100644
--- a/apps/demos/Demos/Sortable/Customization/ReactJs/index.html
+++ b/apps/demos/Demos/Sortable/Customization/ReactJs/index.html
@@ -2,48 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Sortable/Kanban/ReactJs/index.html b/apps/demos/Demos/Sortable/Kanban/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Sortable/Kanban/ReactJs/index.html
+++ b/apps/demos/Demos/Sortable/Kanban/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/SpeechToText/Overview/ReactJs/index.html b/apps/demos/Demos/SpeechToText/Overview/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/SpeechToText/Overview/ReactJs/index.html
+++ b/apps/demos/Demos/SpeechToText/Overview/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Splitter/Overview/ReactJs/index.html b/apps/demos/Demos/Splitter/Overview/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Splitter/Overview/ReactJs/index.html
+++ b/apps/demos/Demos/Splitter/Overview/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Stepper/FormIntegration/ReactJs/index.html b/apps/demos/Demos/Stepper/FormIntegration/ReactJs/index.html
index c3b415e1423d..7b47950bbaff 100644
--- a/apps/demos/Demos/Stepper/FormIntegration/ReactJs/index.html
+++ b/apps/demos/Demos/Stepper/FormIntegration/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme/dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Stepper/Overview/ReactJs/index.html b/apps/demos/Demos/Stepper/Overview/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Stepper/Overview/ReactJs/index.html
+++ b/apps/demos/Demos/Stepper/Overview/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Stepper/StepTemplate/ReactJs/index.html b/apps/demos/Demos/Stepper/StepTemplate/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Stepper/StepTemplate/ReactJs/index.html
+++ b/apps/demos/Demos/Stepper/StepTemplate/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Switch/Overview/ReactJs/index.html b/apps/demos/Demos/Switch/Overview/ReactJs/index.html
index d6d83f735a76..1da2da79d709 100644
--- a/apps/demos/Demos/Switch/Overview/ReactJs/index.html
+++ b/apps/demos/Demos/Switch/Overview/ReactJs/index.html
@@ -2,38 +2,15 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TabPanel/DragAndDrop/ReactJs/index.html b/apps/demos/Demos/TabPanel/DragAndDrop/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/TabPanel/DragAndDrop/ReactJs/index.html
+++ b/apps/demos/Demos/TabPanel/DragAndDrop/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TabPanel/Overview/ReactJs/index.html b/apps/demos/Demos/TabPanel/Overview/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/TabPanel/Overview/ReactJs/index.html
+++ b/apps/demos/Demos/TabPanel/Overview/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TabPanel/Templates/ReactJs/index.html b/apps/demos/Demos/TabPanel/Templates/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/TabPanel/Templates/ReactJs/index.html
+++ b/apps/demos/Demos/TabPanel/Templates/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Tabs/Overview/ReactJs/index.html b/apps/demos/Demos/Tabs/Overview/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Tabs/Overview/ReactJs/index.html
+++ b/apps/demos/Demos/Tabs/Overview/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Tabs/Selection/ReactJs/index.html b/apps/demos/Demos/Tabs/Selection/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Tabs/Selection/ReactJs/index.html
+++ b/apps/demos/Demos/Tabs/Selection/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TagBox/Grouping/ReactJs/index.html b/apps/demos/Demos/TagBox/Grouping/ReactJs/index.html
index cefc207216e7..7b47950bbaff 100644
--- a/apps/demos/Demos/TagBox/Grouping/ReactJs/index.html
+++ b/apps/demos/Demos/TagBox/Grouping/ReactJs/index.html
@@ -2,48 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TagBox/Overview/ReactJs/index.html b/apps/demos/Demos/TagBox/Overview/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/TagBox/Overview/ReactJs/index.html
+++ b/apps/demos/Demos/TagBox/Overview/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TagBox/TagCountLimitation/ReactJs/index.html b/apps/demos/Demos/TagBox/TagCountLimitation/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/TagBox/TagCountLimitation/ReactJs/index.html
+++ b/apps/demos/Demos/TagBox/TagCountLimitation/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TextArea/Overview/ReactJs/index.html b/apps/demos/Demos/TextArea/Overview/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/TextArea/Overview/ReactJs/index.html
+++ b/apps/demos/Demos/TextArea/Overview/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TextBox/Overview/ReactJs/index.html b/apps/demos/Demos/TextBox/Overview/ReactJs/index.html
index d6d83f735a76..1da2da79d709 100644
--- a/apps/demos/Demos/TextBox/Overview/ReactJs/index.html
+++ b/apps/demos/Demos/TextBox/Overview/ReactJs/index.html
@@ -2,38 +2,15 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TileView/Basics/ReactJs/index.html b/apps/demos/Demos/TileView/Basics/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/TileView/Basics/ReactJs/index.html
+++ b/apps/demos/Demos/TileView/Basics/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TileView/Directions/ReactJs/index.html b/apps/demos/Demos/TileView/Directions/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/TileView/Directions/ReactJs/index.html
+++ b/apps/demos/Demos/TileView/Directions/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TileView/ItemTemplate/ReactJs/index.html b/apps/demos/Demos/TileView/ItemTemplate/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/TileView/ItemTemplate/ReactJs/index.html
+++ b/apps/demos/Demos/TileView/ItemTemplate/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Toast/Overview/ReactJs/index.html b/apps/demos/Demos/Toast/Overview/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Toast/Overview/ReactJs/index.html
+++ b/apps/demos/Demos/Toast/Overview/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Toast/Stack/ReactJs/index.html b/apps/demos/Demos/Toast/Stack/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Toast/Stack/ReactJs/index.html
+++ b/apps/demos/Demos/Toast/Stack/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Toolbar/Adaptability/ReactJs/index.html b/apps/demos/Demos/Toolbar/Adaptability/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Toolbar/Adaptability/ReactJs/index.html
+++ b/apps/demos/Demos/Toolbar/Adaptability/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Toolbar/Overview/ReactJs/index.html b/apps/demos/Demos/Toolbar/Overview/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Toolbar/Overview/ReactJs/index.html
+++ b/apps/demos/Demos/Toolbar/Overview/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Tooltip/Overview/ReactJs/index.html b/apps/demos/Demos/Tooltip/Overview/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Tooltip/Overview/ReactJs/index.html
+++ b/apps/demos/Demos/Tooltip/Overview/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/AIColumns/ReactJs/index.html b/apps/demos/Demos/TreeList/AIColumns/ReactJs/index.html
index 2ab8d46d2fb6..393ce82bc4f4 100644
--- a/apps/demos/Demos/TreeList/AIColumns/ReactJs/index.html
+++ b/apps/demos/Demos/TreeList/AIColumns/ReactJs/index.html
@@ -2,45 +2,18 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="tree-list-demo">
         <div id="app"></div>
       </div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/Adaptability/ReactJs/index.html b/apps/demos/Demos/TreeList/Adaptability/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/TreeList/Adaptability/ReactJs/index.html
+++ b/apps/demos/Demos/TreeList/Adaptability/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/BatchEditing/ReactJs/index.html b/apps/demos/Demos/TreeList/BatchEditing/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/TreeList/BatchEditing/ReactJs/index.html
+++ b/apps/demos/Demos/TreeList/BatchEditing/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/CellEditing/ReactJs/index.html b/apps/demos/Demos/TreeList/CellEditing/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/TreeList/CellEditing/ReactJs/index.html
+++ b/apps/demos/Demos/TreeList/CellEditing/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/ColumnChooser/ReactJs/index.html b/apps/demos/Demos/TreeList/ColumnChooser/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/TreeList/ColumnChooser/ReactJs/index.html
+++ b/apps/demos/Demos/TreeList/ColumnChooser/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/ColumnHeaderFilter/ReactJs/index.html b/apps/demos/Demos/TreeList/ColumnHeaderFilter/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/TreeList/ColumnHeaderFilter/ReactJs/index.html
+++ b/apps/demos/Demos/TreeList/ColumnHeaderFilter/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/CustomizeKeyboardNavigation/ReactJs/index.html b/apps/demos/Demos/TreeList/CustomizeKeyboardNavigation/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/TreeList/CustomizeKeyboardNavigation/ReactJs/index.html
+++ b/apps/demos/Demos/TreeList/CustomizeKeyboardNavigation/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/FilterModes/ReactJs/index.html b/apps/demos/Demos/TreeList/FilterModes/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/TreeList/FilterModes/ReactJs/index.html
+++ b/apps/demos/Demos/TreeList/FilterModes/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/FilterPanel/ReactJs/index.html b/apps/demos/Demos/TreeList/FilterPanel/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/TreeList/FilterPanel/ReactJs/index.html
+++ b/apps/demos/Demos/TreeList/FilterPanel/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/FilterRow/ReactJs/index.html b/apps/demos/Demos/TreeList/FilterRow/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/TreeList/FilterRow/ReactJs/index.html
+++ b/apps/demos/Demos/TreeList/FilterRow/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/FixedAndStickyColumns/ReactJs/index.html b/apps/demos/Demos/TreeList/FixedAndStickyColumns/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/TreeList/FixedAndStickyColumns/ReactJs/index.html
+++ b/apps/demos/Demos/TreeList/FixedAndStickyColumns/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/FocusedRow/ReactJs/index.html b/apps/demos/Demos/TreeList/FocusedRow/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/TreeList/FocusedRow/ReactJs/index.html
+++ b/apps/demos/Demos/TreeList/FocusedRow/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/FormEditing/ReactJs/index.html b/apps/demos/Demos/TreeList/FormEditing/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/TreeList/FormEditing/ReactJs/index.html
+++ b/apps/demos/Demos/TreeList/FormEditing/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/KeyboardNavigation/ReactJs/index.html b/apps/demos/Demos/TreeList/KeyboardNavigation/ReactJs/index.html
index 017d24dfeb49..580d70095891 100644
--- a/apps/demos/Demos/TreeList/KeyboardNavigation/ReactJs/index.html
+++ b/apps/demos/Demos/TreeList/KeyboardNavigation/ReactJs/index.html
@@ -2,39 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <p>Click this text and press <b>Tab</b></p>
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/LoadDataOnDemand/ReactJs/index.html b/apps/demos/Demos/TreeList/LoadDataOnDemand/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/TreeList/LoadDataOnDemand/ReactJs/index.html
+++ b/apps/demos/Demos/TreeList/LoadDataOnDemand/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/LocalReordering/ReactJs/index.html b/apps/demos/Demos/TreeList/LocalReordering/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/TreeList/LocalReordering/ReactJs/index.html
+++ b/apps/demos/Demos/TreeList/LocalReordering/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/MultipleRowSelection/ReactJs/index.html b/apps/demos/Demos/TreeList/MultipleRowSelection/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/TreeList/MultipleRowSelection/ReactJs/index.html
+++ b/apps/demos/Demos/TreeList/MultipleRowSelection/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/MultipleSorting/ReactJs/index.html b/apps/demos/Demos/TreeList/MultipleSorting/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/TreeList/MultipleSorting/ReactJs/index.html
+++ b/apps/demos/Demos/TreeList/MultipleSorting/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/Overview/ReactJs/index.html b/apps/demos/Demos/TreeList/Overview/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/TreeList/Overview/ReactJs/index.html
+++ b/apps/demos/Demos/TreeList/Overview/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/Paging/ReactJs/index.html b/apps/demos/Demos/TreeList/Paging/ReactJs/index.html
index d6d83f735a76..1da2da79d709 100644
--- a/apps/demos/Demos/TreeList/Paging/ReactJs/index.html
+++ b/apps/demos/Demos/TreeList/Paging/ReactJs/index.html
@@ -2,38 +2,15 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/PopupEditing/ReactJs/index.html b/apps/demos/Demos/TreeList/PopupEditing/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/TreeList/PopupEditing/ReactJs/index.html
+++ b/apps/demos/Demos/TreeList/PopupEditing/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/Reordering/ReactJs/index.html b/apps/demos/Demos/TreeList/Reordering/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/TreeList/Reordering/ReactJs/index.html
+++ b/apps/demos/Demos/TreeList/Reordering/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/Resizing/ReactJs/index.html b/apps/demos/Demos/TreeList/Resizing/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/TreeList/Resizing/ReactJs/index.html
+++ b/apps/demos/Demos/TreeList/Resizing/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/RowEditing/ReactJs/index.html b/apps/demos/Demos/TreeList/RowEditing/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/TreeList/RowEditing/ReactJs/index.html
+++ b/apps/demos/Demos/TreeList/RowEditing/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/SearchPanel/ReactJs/index.html b/apps/demos/Demos/TreeList/SearchPanel/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/TreeList/SearchPanel/ReactJs/index.html
+++ b/apps/demos/Demos/TreeList/SearchPanel/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/SimpleArrayHierarchicalStructure/ReactJs/index.html b/apps/demos/Demos/TreeList/SimpleArrayHierarchicalStructure/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/TreeList/SimpleArrayHierarchicalStructure/ReactJs/index.html
+++ b/apps/demos/Demos/TreeList/SimpleArrayHierarchicalStructure/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/SimpleArrayPlainStructure/ReactJs/index.html b/apps/demos/Demos/TreeList/SimpleArrayPlainStructure/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/TreeList/SimpleArrayPlainStructure/ReactJs/index.html
+++ b/apps/demos/Demos/TreeList/SimpleArrayPlainStructure/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/SingleRowSelection/ReactJs/index.html b/apps/demos/Demos/TreeList/SingleRowSelection/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/TreeList/SingleRowSelection/ReactJs/index.html
+++ b/apps/demos/Demos/TreeList/SingleRowSelection/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/StatePersistence/ReactJs/index.html b/apps/demos/Demos/TreeList/StatePersistence/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/TreeList/StatePersistence/ReactJs/index.html
+++ b/apps/demos/Demos/TreeList/StatePersistence/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/WebAPIService/ReactJs/index.html b/apps/demos/Demos/TreeList/WebAPIService/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/TreeList/WebAPIService/ReactJs/index.html
+++ b/apps/demos/Demos/TreeList/WebAPIService/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeView/ContextMenuIntegration/ReactJs/index.html b/apps/demos/Demos/TreeView/ContextMenuIntegration/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/TreeView/ContextMenuIntegration/ReactJs/index.html
+++ b/apps/demos/Demos/TreeView/ContextMenuIntegration/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeView/DragAndDropHierarchicalDataStructure/ReactJs/index.html b/apps/demos/Demos/TreeView/DragAndDropHierarchicalDataStructure/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/TreeView/DragAndDropHierarchicalDataStructure/ReactJs/index.html
+++ b/apps/demos/Demos/TreeView/DragAndDropHierarchicalDataStructure/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeView/DragAndDropPlainDataStructure/ReactJs/index.html b/apps/demos/Demos/TreeView/DragAndDropPlainDataStructure/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/TreeView/DragAndDropPlainDataStructure/ReactJs/index.html
+++ b/apps/demos/Demos/TreeView/DragAndDropPlainDataStructure/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeView/FlatDataStructure/ReactJs/index.html b/apps/demos/Demos/TreeView/FlatDataStructure/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/TreeView/FlatDataStructure/ReactJs/index.html
+++ b/apps/demos/Demos/TreeView/FlatDataStructure/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeView/HierarchicalDataStructure/ReactJs/index.html b/apps/demos/Demos/TreeView/HierarchicalDataStructure/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/TreeView/HierarchicalDataStructure/ReactJs/index.html
+++ b/apps/demos/Demos/TreeView/HierarchicalDataStructure/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeView/ItemSelectionAndCustomization/ReactJs/index.html b/apps/demos/Demos/TreeView/ItemSelectionAndCustomization/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/TreeView/ItemSelectionAndCustomization/ReactJs/index.html
+++ b/apps/demos/Demos/TreeView/ItemSelectionAndCustomization/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeView/LoadDataOnDemand/ReactJs/index.html b/apps/demos/Demos/TreeView/LoadDataOnDemand/ReactJs/index.html
index d6d83f735a76..1da2da79d709 100644
--- a/apps/demos/Demos/TreeView/LoadDataOnDemand/ReactJs/index.html
+++ b/apps/demos/Demos/TreeView/LoadDataOnDemand/ReactJs/index.html
@@ -2,38 +2,15 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeView/TreeViewWithSearchBar/ReactJs/index.html b/apps/demos/Demos/TreeView/TreeViewWithSearchBar/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/TreeView/TreeViewWithSearchBar/ReactJs/index.html
+++ b/apps/demos/Demos/TreeView/TreeViewWithSearchBar/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeView/VirtualMode/ReactJs/index.html b/apps/demos/Demos/TreeView/VirtualMode/ReactJs/index.html
index d6d83f735a76..1da2da79d709 100644
--- a/apps/demos/Demos/TreeView/VirtualMode/ReactJs/index.html
+++ b/apps/demos/Demos/TreeView/VirtualMode/ReactJs/index.html
@@ -2,38 +2,15 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Validation/Overview/ReactJs/index.html b/apps/demos/Demos/Validation/Overview/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/Validation/Overview/ReactJs/index.html
+++ b/apps/demos/Demos/Validation/Overview/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/VectorMap/BubbleMarkers/ReactJs/index.html b/apps/demos/Demos/VectorMap/BubbleMarkers/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/VectorMap/BubbleMarkers/ReactJs/index.html
+++ b/apps/demos/Demos/VectorMap/BubbleMarkers/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/VectorMap/ColorsCustomization/ReactJs/index.html b/apps/demos/Demos/VectorMap/ColorsCustomization/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/VectorMap/ColorsCustomization/ReactJs/index.html
+++ b/apps/demos/Demos/VectorMap/ColorsCustomization/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/VectorMap/CustomAnnotations/ReactJs/index.html b/apps/demos/Demos/VectorMap/CustomAnnotations/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/VectorMap/CustomAnnotations/ReactJs/index.html
+++ b/apps/demos/Demos/VectorMap/CustomAnnotations/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/VectorMap/CustomMapData/ReactJs/index.html b/apps/demos/Demos/VectorMap/CustomMapData/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/VectorMap/CustomMapData/ReactJs/index.html
+++ b/apps/demos/Demos/VectorMap/CustomMapData/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/VectorMap/CustomProjection/ReactJs/index.html b/apps/demos/Demos/VectorMap/CustomProjection/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/VectorMap/CustomProjection/ReactJs/index.html
+++ b/apps/demos/Demos/VectorMap/CustomProjection/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/VectorMap/DynamicViewport/ReactJs/index.html b/apps/demos/Demos/VectorMap/DynamicViewport/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/VectorMap/DynamicViewport/ReactJs/index.html
+++ b/apps/demos/Demos/VectorMap/DynamicViewport/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/VectorMap/FloorPlan/ReactJs/index.html b/apps/demos/Demos/VectorMap/FloorPlan/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/VectorMap/FloorPlan/ReactJs/index.html
+++ b/apps/demos/Demos/VectorMap/FloorPlan/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/VectorMap/ImageMarkers/ReactJs/index.html b/apps/demos/Demos/VectorMap/ImageMarkers/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/VectorMap/ImageMarkers/ReactJs/index.html
+++ b/apps/demos/Demos/VectorMap/ImageMarkers/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/VectorMap/Legend/ReactJs/index.html b/apps/demos/Demos/VectorMap/Legend/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/VectorMap/Legend/ReactJs/index.html
+++ b/apps/demos/Demos/VectorMap/Legend/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/VectorMap/MultipleLayers/ReactJs/index.html b/apps/demos/Demos/VectorMap/MultipleLayers/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/VectorMap/MultipleLayers/ReactJs/index.html
+++ b/apps/demos/Demos/VectorMap/MultipleLayers/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/VectorMap/Overview/ReactJs/index.html b/apps/demos/Demos/VectorMap/Overview/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/VectorMap/Overview/ReactJs/index.html
+++ b/apps/demos/Demos/VectorMap/Overview/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/VectorMap/Palette/ReactJs/index.html b/apps/demos/Demos/VectorMap/Palette/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/VectorMap/Palette/ReactJs/index.html
+++ b/apps/demos/Demos/VectorMap/Palette/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/VectorMap/PieMarkers/ReactJs/index.html b/apps/demos/Demos/VectorMap/PieMarkers/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/VectorMap/PieMarkers/ReactJs/index.html
+++ b/apps/demos/Demos/VectorMap/PieMarkers/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/VectorMap/TooltipsCustomization/ReactJs/index.html b/apps/demos/Demos/VectorMap/TooltipsCustomization/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/VectorMap/TooltipsCustomization/ReactJs/index.html
+++ b/apps/demos/Demos/VectorMap/TooltipsCustomization/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/VectorMap/ZoomingAndCentering/ReactJs/index.html b/apps/demos/Demos/VectorMap/ZoomingAndCentering/ReactJs/index.html
index db31b0fd60c6..7b47950bbaff 100644
--- a/apps/demos/Demos/VectorMap/ZoomingAndCentering/ReactJs/index.html
+++ b/apps/demos/Demos/VectorMap/ZoomingAndCentering/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="../../../../node_modules/devextreme-dist/css/dx.light.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="styles.css"
-    />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script
-      type="text/javascript"
-      src="config.js"
-    ></script>
-    <script type="text/javascript">
-      System.import("./index.js");
-    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <div id="app"></div>
     </div>
+    <script src="./bundle.js"></script>
   </body>
 </html>

From df55ffde6fa8c2be673386f4b162b50ca2446982 Mon Sep 17 00:00:00 2001
From: Andrei Vorobev <738482+vorobey@users.noreply.github.com>
Date: Thu, 6 Aug 2026 11:13:56 +0300
Subject: [PATCH 13/16] refactor(demos): migrate the PivotGrid
 StandaloneFieldChooser Angular demo

The one demo the mass migration could not convert: it combines dxPivotGrid and
dxPivotGridFieldChooser, whose generated Angular wrappers collided on the
DxoPivotGridFieldChooserTextsComponent selector and failed AOT with NG8023.
Now that the wrapper collision is fixed on the base branch, its index.html
converts like the rest.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
---
 .../StandaloneFieldChooser/Angular/index.html     | 15 +++------------
 1 file changed, 3 insertions(+), 12 deletions(-)

diff --git a/apps/demos/Demos/PivotGrid/StandaloneFieldChooser/Angular/index.html b/apps/demos/Demos/PivotGrid/StandaloneFieldChooser/Angular/index.html
index 1ab1fb54a1df..7dd155b53981 100644
--- a/apps/demos/Demos/PivotGrid/StandaloneFieldChooser/Angular/index.html
+++ b/apps/demos/Demos/PivotGrid/StandaloneFieldChooser/Angular/index.html
@@ -1,26 +1,17 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
+    <script src="./bundle.js" type="module"></script>
   </body>
 </html>

From 6b7fe7305f65c2f49964469721df36c02913e67a Mon Sep 17 00:00:00 2001
From: Andrei Vorobev <738482+vorobey@users.noreply.github.com>
Date: Thu, 6 Aug 2026 14:58:14 +0300
Subject: [PATCH 14/16] chore: fix custom head regeneration

---
 .../Demos/Button/Icons/Angular/index.html     |  1 +
 .../demos/Demos/Button/Icons/React/index.html |  1 +
 .../Demos/Button/Icons/ReactJs/index.html     |  1 +
 apps/demos/Demos/Button/Icons/Vue/index.html  |  1 +
 .../MultipleSelection/React/index.html        |  1 +
 .../MultipleSelection/ReactJs/index.html      |  1 +
 .../Calendar/MultipleSelection/Vue/index.html |  1 +
 .../Demos/Calendar/Overview/React/index.html  |  1 +
 .../Calendar/Overview/ReactJs/index.html      |  1 +
 .../Demos/Calendar/Overview/Vue/index.html    |  1 +
 .../AxisLabelCustomization/Angular/index.html | 11 ++++++++
 .../Demos/Charts/SpiderWeb/Angular/index.html |  1 +
 .../Demos/Charts/SpiderWeb/React/index.html   |  1 +
 .../Demos/Charts/SpiderWeb/ReactJs/index.html |  1 +
 .../Demos/Charts/SpiderWeb/Vue/index.html     |  1 +
 .../Demos/CheckBox/Overview/React/index.html  |  1 +
 .../CheckBox/Overview/ReactJs/index.html      |  1 +
 .../Demos/CheckBox/Overview/Vue/index.html    |  1 +
 .../DataGrid/SemanticSearch/Vue/index.html    |  1 +
 .../DateRangeBox/Overview/React/index.html    |  1 +
 .../DateRangeBox/Overview/ReactJs/index.html  |  1 +
 .../Diagram/Adaptability/Angular/index.html   |  1 +
 .../Diagram/Adaptability/React/index.html     |  2 ++
 .../Diagram/Adaptability/ReactJs/index.html   |  2 ++
 .../Demos/Diagram/Adaptability/Vue/index.html |  2 ++
 .../AdvancedDataBinding/Angular/index.html    |  1 +
 .../AdvancedDataBinding/React/index.html      |  2 ++
 .../AdvancedDataBinding/ReactJs/index.html    |  2 ++
 .../AdvancedDataBinding/Vue/index.html        |  2 ++
 .../Diagram/Containers/Angular/index.html     |  1 +
 .../Demos/Diagram/Containers/React/index.html |  2 ++
 .../Diagram/Containers/ReactJs/index.html     |  2 ++
 .../Demos/Diagram/Containers/Vue/index.html   |  2 ++
 .../CustomShapesWithIcons/Angular/index.html  |  1 +
 .../CustomShapesWithIcons/React/index.html    |  2 ++
 .../CustomShapesWithIcons/ReactJs/index.html  |  2 ++
 .../CustomShapesWithIcons/Vue/index.html      |  2 ++
 .../Angular/index.html                        |  1 +
 .../React/index.html                          |  2 ++
 .../ReactJs/index.html                        |  2 ++
 .../CustomShapesWithTemplates/Vue/index.html  |  2 ++
 .../Angular/index.html                        |  1 +
 .../React/index.html                          |  2 ++
 .../ReactJs/index.html                        |  2 ++
 .../Vue/index.html                            |  2 ++
 .../CustomShapesWithTexts/Angular/index.html  |  1 +
 .../CustomShapesWithTexts/React/index.html    |  2 ++
 .../CustomShapesWithTexts/ReactJs/index.html  |  2 ++
 .../CustomShapesWithTexts/Vue/index.html      |  2 ++
 .../Diagram/ImagesInShapes/Angular/index.html |  1 +
 .../Diagram/ImagesInShapes/React/index.html   |  2 ++
 .../Diagram/ImagesInShapes/ReactJs/index.html |  2 ++
 .../Diagram/ImagesInShapes/Vue/index.html     |  2 ++
 .../Diagram/ItemSelection/Angular/index.html  |  1 +
 .../Diagram/ItemSelection/React/index.html    |  2 ++
 .../Diagram/ItemSelection/ReactJs/index.html  |  2 ++
 .../Diagram/ItemSelection/Vue/index.html      |  2 ++
 .../NodesAndEdgesArrays/Angular/index.html    |  1 +
 .../NodesAndEdgesArrays/React/index.html      |  2 ++
 .../NodesAndEdgesArrays/ReactJs/index.html    |  2 ++
 .../NodesAndEdgesArrays/Vue/index.html        |  2 ++
 .../Angular/index.html                        |  1 +
 .../React/index.html                          |  2 ++
 .../ReactJs/index.html                        |  2 ++
 .../Vue/index.html                            |  2 ++
 .../Angular/index.html                        |  1 +
 .../NodesArrayPlainStructure/React/index.html |  2 ++
 .../ReactJs/index.html                        |  2 ++
 .../NodesArrayPlainStructure/Vue/index.html   |  2 ++
 .../OperationRestrictions/Angular/index.html  |  1 +
 .../OperationRestrictions/React/index.html    |  2 ++
 .../OperationRestrictions/ReactJs/index.html  |  2 ++
 .../OperationRestrictions/Vue/index.html      |  2 ++
 .../Demos/Diagram/Overview/Angular/index.html |  1 +
 .../Demos/Diagram/Overview/React/index.html   |  2 ++
 .../Demos/Diagram/Overview/ReactJs/index.html |  2 ++
 .../Demos/Diagram/Overview/Vue/index.html     |  2 ++
 .../Demos/Diagram/ReadOnly/Angular/index.html |  1 +
 .../Demos/Diagram/ReadOnly/React/index.html   |  2 ++
 .../Demos/Diagram/ReadOnly/ReactJs/index.html |  2 ++
 .../Demos/Diagram/ReadOnly/Vue/index.html     |  2 ++
 .../Diagram/SimpleView/Angular/index.html     |  1 +
 .../Demos/Diagram/SimpleView/React/index.html |  2 ++
 .../Diagram/SimpleView/ReactJs/index.html     |  2 ++
 .../Demos/Diagram/SimpleView/Vue/index.html   |  2 ++
 .../UICustomization/Angular/index.html        |  1 +
 .../Diagram/UICustomization/React/index.html  |  2 ++
 .../UICustomization/ReactJs/index.html        |  2 ++
 .../Diagram/UICustomization/Vue/index.html    |  2 ++
 .../Diagram/WebAPIService/Angular/index.html  |  1 +
 .../Diagram/WebAPIService/React/index.html    |  2 ++
 .../Diagram/WebAPIService/ReactJs/index.html  |  2 ++
 .../Diagram/WebAPIService/Vue/index.html      |  2 ++
 .../BindingToEF/Angular/index.html            |  1 +
 .../FileManager/BindingToEF/React/index.html  |  1 +
 .../BindingToEF/ReactJs/index.html            |  1 +
 .../FileManager/BindingToEF/Vue/index.html    |  1 +
 .../BindingToFileSystem/Angular/index.html    |  1 +
 .../BindingToFileSystem/React/index.html      |  1 +
 .../BindingToFileSystem/ReactJs/index.html    |  1 +
 .../BindingToFileSystem/Vue/index.html        |  1 +
 .../Angular/index.html                        |  1 +
 .../React/index.html                          |  1 +
 .../ReactJs/index.html                        |  1 +
 .../Vue/index.html                            |  1 +
 .../CustomThumbnails/Angular/index.html       |  1 +
 .../CustomThumbnails/React/index.html         |  1 +
 .../CustomThumbnails/ReactJs/index.html       |  1 +
 .../CustomThumbnails/Vue/index.html           |  1 +
 .../FileManager/Overview/Angular/index.html   |  1 +
 .../FileManager/Overview/React/index.html     |  1 +
 .../FileManager/Overview/ReactJs/index.html   |  1 +
 .../Demos/FileManager/Overview/Vue/index.html |  1 +
 .../Customization/Angular/index.html          |  1 +
 .../WithDataGrid/Angular/index.html           |  1 +
 .../FilterBuilder/WithList/Angular/index.html |  1 +
 .../Demos/Form/Adaptability/React/index.html  |  1 +
 .../Form/Adaptability/ReactJs/index.html      |  1 +
 .../Demos/Form/Adaptability/Vue/index.html    |  1 +
 .../Demos/Form/Grouping/React/index.html      |  1 +
 .../Demos/Form/Grouping/ReactJs/index.html    |  1 +
 apps/demos/Demos/Form/Grouping/Vue/index.html |  1 +
 .../Form/ItemCustomization/React/index.html   |  1 +
 .../Form/ItemCustomization/ReactJs/index.html |  1 +
 .../Form/ItemCustomization/Vue/index.html     |  1 +
 .../Demos/Form/Overview/React/index.html      |  1 +
 .../Demos/Form/Overview/ReactJs/index.html    |  1 +
 apps/demos/Demos/Form/Overview/Vue/index.html |  1 +
 .../Demos/Form/SmartPaste/React/index.html    |  1 +
 .../Demos/Form/SmartPaste/ReactJs/index.html  |  1 +
 .../Demos/Form/SmartPaste/Vue/index.html      |  1 +
 .../UpdateItemsDynamically/React/index.html   |  1 +
 .../UpdateItemsDynamically/ReactJs/index.html |  1 +
 .../UpdateItemsDynamically/Vue/index.html     |  1 +
 .../Demos/Form/Validation/React/index.html    |  1 +
 .../Demos/Form/Validation/ReactJs/index.html  |  1 +
 .../Demos/Form/Validation/Vue/index.html      |  1 +
 .../Demos/Gantt/Appearance/Angular/index.html |  1 +
 .../Demos/Gantt/Appearance/React/index.html   |  1 +
 .../Demos/Gantt/Appearance/ReactJs/index.html |  1 +
 .../Demos/Gantt/Appearance/Vue/index.html     |  1 +
 .../Gantt/ContextMenu/Angular/index.html      |  1 +
 .../Demos/Gantt/ContextMenu/React/index.html  |  1 +
 .../Gantt/ContextMenu/ReactJs/index.html      |  1 +
 .../Demos/Gantt/ContextMenu/Vue/index.html    |  1 +
 .../Gantt/DataBinding/Angular/index.html      |  1 +
 .../Demos/Gantt/DataBinding/React/index.html  |  1 +
 .../Gantt/DataBinding/ReactJs/index.html      |  1 +
 .../Demos/Gantt/DataBinding/Vue/index.html    |  1 +
 .../Gantt/ExportToPDF/Angular/index.html      |  1 +
 .../Demos/Gantt/ExportToPDF/React/index.html  |  1 +
 .../Gantt/ExportToPDF/ReactJs/index.html      |  1 +
 .../Demos/Gantt/ExportToPDF/Vue/index.html    |  1 +
 .../Demos/Gantt/FilterRow/Angular/index.html  |  1 +
 .../Demos/Gantt/FilterRow/React/index.html    |  1 +
 .../Demos/Gantt/FilterRow/ReactJs/index.html  |  1 +
 .../Demos/Gantt/FilterRow/Vue/index.html      |  1 +
 .../Gantt/HeaderFilter/Angular/index.html     |  1 +
 .../Demos/Gantt/HeaderFilter/React/index.html |  1 +
 .../Gantt/HeaderFilter/ReactJs/index.html     |  1 +
 .../Demos/Gantt/HeaderFilter/Vue/index.html   |  1 +
 .../Demos/Gantt/Overview/Angular/index.html   |  1 +
 .../Demos/Gantt/Overview/React/index.html     |  1 +
 .../Demos/Gantt/Overview/ReactJs/index.html   |  1 +
 .../demos/Demos/Gantt/Overview/Vue/index.html |  1 +
 .../Demos/Gantt/Sorting/Angular/index.html    |  1 +
 .../Demos/Gantt/Sorting/React/index.html      |  1 +
 .../Demos/Gantt/Sorting/ReactJs/index.html    |  1 +
 apps/demos/Demos/Gantt/Sorting/Vue/index.html |  1 +
 .../Demos/Gantt/StripLines/Angular/index.html |  1 +
 .../Demos/Gantt/StripLines/React/index.html   |  1 +
 .../Demos/Gantt/StripLines/ReactJs/index.html |  1 +
 .../Demos/Gantt/StripLines/Vue/index.html     |  1 +
 .../Gantt/TaskTemplate/Angular/index.html     |  1 +
 .../Demos/Gantt/TaskTemplate/React/index.html |  1 +
 .../Gantt/TaskTemplate/ReactJs/index.html     |  1 +
 .../Demos/Gantt/TaskTemplate/Vue/index.html   |  1 +
 .../Demos/Gantt/Toolbar/Angular/index.html    |  1 +
 .../Demos/Gantt/Toolbar/React/index.html      |  1 +
 .../Demos/Gantt/Toolbar/ReactJs/index.html    |  1 +
 apps/demos/Demos/Gantt/Toolbar/Vue/index.html |  1 +
 .../Demos/Gantt/Validation/Angular/index.html |  1 +
 .../Demos/Gantt/Validation/React/index.html   |  1 +
 .../Demos/Gantt/Validation/ReactJs/index.html |  1 +
 .../Demos/Gantt/Validation/Vue/index.html     |  1 +
 .../Demos/Lookup/Templates/React/index.html   |  1 +
 .../Demos/Lookup/Templates/ReactJs/index.html |  1 +
 .../Demos/Lookup/Templates/Vue/index.html     |  1 +
 .../Demos/Menu/Scrolling/Angular/index.html   |  4 +--
 .../SignalRService/Angular/index.html         |  1 +
 .../Scheduler/SignalRService/React/index.html |  1 +
 .../SignalRService/ReactJs/index.html         |  1 +
 .../Scheduler/SignalRService/Vue/index.html   |  1 +
 .../Demos/Scheduler/Templates/Vue/index.html  |  1 +
 .../Demos/SelectBox/Grouping/React/index.html |  1 +
 .../SelectBox/Grouping/ReactJs/index.html     |  1 +
 .../Demos/SelectBox/Grouping/Vue/index.html   |  1 +
 .../SearchAndEditing/React/index.html         |  1 +
 .../SearchAndEditing/ReactJs/index.html       |  1 +
 .../SelectBox/SearchAndEditing/Vue/index.html |  1 +
 .../Demos/Slider/Overview/React/index.html    |  1 +
 .../Demos/Slider/Overview/ReactJs/index.html  |  1 +
 .../Demos/Slider/Overview/Vue/index.html      |  1 +
 .../Sortable/Customization/React/index.html   |  1 +
 .../Sortable/Customization/ReactJs/index.html |  1 +
 .../Sortable/Customization/Vue/index.html     |  1 +
 .../Demos/TagBox/Grouping/React/index.html    |  1 +
 .../Demos/TagBox/Grouping/ReactJs/index.html  |  1 +
 .../Demos/TagBox/Grouping/Vue/index.html      |  1 +
 .../BubbleMarkers/Angular/index.html          |  1 +
 .../ColorsCustomization/Angular/index.html    |  1 +
 .../CustomProjection/Angular/index.html       |  1 +
 .../DynamicViewport/Angular/index.html        |  1 +
 .../VectorMap/ImageMarkers/Angular/index.html |  1 +
 .../Demos/VectorMap/Legend/Angular/index.html |  1 +
 .../MultipleLayers/Angular/index.html         |  1 +
 .../VectorMap/Overview/Angular/index.html     |  1 +
 .../VectorMap/Palette/Angular/index.html      |  1 +
 .../VectorMap/PieMarkers/Angular/index.html   |  1 +
 .../TooltipsCustomization/Angular/index.html  |  1 +
 .../ZoomingAndCentering/Angular/index.html    |  1 +
 apps/demos/utils/server/csp-bundle-angular.js | 19 +++++++++----
 apps/demos/utils/server/csp-bundle.js         | 28 +++++--------------
 223 files changed, 305 insertions(+), 30 deletions(-)

diff --git a/apps/demos/Demos/Button/Icons/Angular/index.html b/apps/demos/Demos/Button/Icons/Angular/index.html
index 7dd155b53981..9bb26cdb89e8 100644
--- a/apps/demos/Demos/Button/Icons/Angular/index.html
+++ b/apps/demos/Demos/Button/Icons/Angular/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
   </head>
   <body class="dx-viewport">
     <div class="demo-container">
diff --git a/apps/demos/Demos/Button/Icons/React/index.html b/apps/demos/Demos/Button/Icons/React/index.html
index 7b47950bbaff..49ffa5dcc27f 100644
--- a/apps/demos/Demos/Button/Icons/React/index.html
+++ b/apps/demos/Demos/Button/Icons/React/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Button/Icons/ReactJs/index.html b/apps/demos/Demos/Button/Icons/ReactJs/index.html
index 7b47950bbaff..49ffa5dcc27f 100644
--- a/apps/demos/Demos/Button/Icons/ReactJs/index.html
+++ b/apps/demos/Demos/Button/Icons/ReactJs/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Button/Icons/Vue/index.html b/apps/demos/Demos/Button/Icons/Vue/index.html
index 7369a149272c..90f32feafe4e 100644
--- a/apps/demos/Demos/Button/Icons/Vue/index.html
+++ b/apps/demos/Demos/Button/Icons/Vue/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Calendar/MultipleSelection/React/index.html b/apps/demos/Demos/Calendar/MultipleSelection/React/index.html
index 7b47950bbaff..49ffa5dcc27f 100644
--- a/apps/demos/Demos/Calendar/MultipleSelection/React/index.html
+++ b/apps/demos/Demos/Calendar/MultipleSelection/React/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Calendar/MultipleSelection/ReactJs/index.html b/apps/demos/Demos/Calendar/MultipleSelection/ReactJs/index.html
index 7b47950bbaff..49ffa5dcc27f 100644
--- a/apps/demos/Demos/Calendar/MultipleSelection/ReactJs/index.html
+++ b/apps/demos/Demos/Calendar/MultipleSelection/ReactJs/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Calendar/MultipleSelection/Vue/index.html b/apps/demos/Demos/Calendar/MultipleSelection/Vue/index.html
index 7369a149272c..90f32feafe4e 100644
--- a/apps/demos/Demos/Calendar/MultipleSelection/Vue/index.html
+++ b/apps/demos/Demos/Calendar/MultipleSelection/Vue/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Calendar/Overview/React/index.html b/apps/demos/Demos/Calendar/Overview/React/index.html
index 7b47950bbaff..49ffa5dcc27f 100644
--- a/apps/demos/Demos/Calendar/Overview/React/index.html
+++ b/apps/demos/Demos/Calendar/Overview/React/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Calendar/Overview/ReactJs/index.html b/apps/demos/Demos/Calendar/Overview/ReactJs/index.html
index 7b47950bbaff..49ffa5dcc27f 100644
--- a/apps/demos/Demos/Calendar/Overview/ReactJs/index.html
+++ b/apps/demos/Demos/Calendar/Overview/ReactJs/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Calendar/Overview/Vue/index.html b/apps/demos/Demos/Calendar/Overview/Vue/index.html
index 7369a149272c..90f32feafe4e 100644
--- a/apps/demos/Demos/Calendar/Overview/Vue/index.html
+++ b/apps/demos/Demos/Calendar/Overview/Vue/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Charts/AxisLabelCustomization/Angular/index.html b/apps/demos/Demos/Charts/AxisLabelCustomization/Angular/index.html
index 7dd155b53981..e84d5b268851 100644
--- a/apps/demos/Demos/Charts/AxisLabelCustomization/Angular/index.html
+++ b/apps/demos/Demos/Charts/AxisLabelCustomization/Angular/index.html
@@ -10,6 +10,17 @@
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
+      <svg width="0" height="0">
+        <defs>
+          <filter id="DevExpress_shadow_filter" x="-50%" y="-50%" width="200%" height="200%" transform="translate(0,0)">
+            <fegaussianblur in="SourceGraphic" result="gaussianBlurResult" stdDeviation="3"></fegaussianblur>
+            <feoffset in="gaussianBlurResult" result="offsetResult" dx="0" dy="1"></feoffset>
+            <feflood result="floodResult" flood-color="#000000" flood-opacity="0.3"></feflood>
+            <fecomposite in="floodResult" in2="offsetResult" operator="in" result="compositeResult"></fecomposite>
+            <fecomposite in="SourceGraphic" in2="compositeResult" operator="over"></fecomposite>
+          </filter>
+        </defs>
+      </svg>
     </div>
     <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
diff --git a/apps/demos/Demos/Charts/SpiderWeb/Angular/index.html b/apps/demos/Demos/Charts/SpiderWeb/Angular/index.html
index 7dd155b53981..0eba71e12649 100644
--- a/apps/demos/Demos/Charts/SpiderWeb/Angular/index.html
+++ b/apps/demos/Demos/Charts/SpiderWeb/Angular/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="preload" href="https://fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBHMdazQ.woff2" as="font" type="font/woff2" crossorigin />
   </head>
   <body class="dx-viewport">
     <div class="demo-container">
diff --git a/apps/demos/Demos/Charts/SpiderWeb/React/index.html b/apps/demos/Demos/Charts/SpiderWeb/React/index.html
index 7b47950bbaff..08a9b4c2edb3 100644
--- a/apps/demos/Demos/Charts/SpiderWeb/React/index.html
+++ b/apps/demos/Demos/Charts/SpiderWeb/React/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="preload" href="https://fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBHMdazQ.woff2" as="font" type="font/woff2" crossorigin />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Charts/SpiderWeb/ReactJs/index.html b/apps/demos/Demos/Charts/SpiderWeb/ReactJs/index.html
index 7b47950bbaff..08a9b4c2edb3 100644
--- a/apps/demos/Demos/Charts/SpiderWeb/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/SpiderWeb/ReactJs/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="preload" href="https://fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBHMdazQ.woff2" as="font" type="font/woff2" crossorigin />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Charts/SpiderWeb/Vue/index.html b/apps/demos/Demos/Charts/SpiderWeb/Vue/index.html
index 7369a149272c..2de7d709fe93 100644
--- a/apps/demos/Demos/Charts/SpiderWeb/Vue/index.html
+++ b/apps/demos/Demos/Charts/SpiderWeb/Vue/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="preload" href="https://fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBHMdazQ.woff2" as="font" type="font/woff2" crossorigin />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/CheckBox/Overview/React/index.html b/apps/demos/Demos/CheckBox/Overview/React/index.html
index 1da2da79d709..b6dbd51e86ef 100644
--- a/apps/demos/Demos/CheckBox/Overview/React/index.html
+++ b/apps/demos/Demos/CheckBox/Overview/React/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
   </head>
   <body class="dx-viewport">
     <div class="demo-container">
diff --git a/apps/demos/Demos/CheckBox/Overview/ReactJs/index.html b/apps/demos/Demos/CheckBox/Overview/ReactJs/index.html
index 1da2da79d709..b6dbd51e86ef 100644
--- a/apps/demos/Demos/CheckBox/Overview/ReactJs/index.html
+++ b/apps/demos/Demos/CheckBox/Overview/ReactJs/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
   </head>
   <body class="dx-viewport">
     <div class="demo-container">
diff --git a/apps/demos/Demos/CheckBox/Overview/Vue/index.html b/apps/demos/Demos/CheckBox/Overview/Vue/index.html
index fb771a33adc4..24dd53a053f7 100644
--- a/apps/demos/Demos/CheckBox/Overview/Vue/index.html
+++ b/apps/demos/Demos/CheckBox/Overview/Vue/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
   </head>
   <body class="dx-viewport">
     <div class="demo-container">
diff --git a/apps/demos/Demos/DataGrid/SemanticSearch/Vue/index.html b/apps/demos/Demos/DataGrid/SemanticSearch/Vue/index.html
index fb4cf0d3a3e5..ad5986c0652f 100644
--- a/apps/demos/Demos/DataGrid/SemanticSearch/Vue/index.html
+++ b/apps/demos/Demos/DataGrid/SemanticSearch/Vue/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <script src="../../../../node_modules/typescript/lib/typescript.js"></script>
   </head>
   <body class="dx-viewport">
     <div class="demo-container">
diff --git a/apps/demos/Demos/DateRangeBox/Overview/React/index.html b/apps/demos/Demos/DateRangeBox/Overview/React/index.html
index 7b47950bbaff..49ffa5dcc27f 100644
--- a/apps/demos/Demos/DateRangeBox/Overview/React/index.html
+++ b/apps/demos/Demos/DateRangeBox/Overview/React/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/DateRangeBox/Overview/ReactJs/index.html b/apps/demos/Demos/DateRangeBox/Overview/ReactJs/index.html
index 7b47950bbaff..49ffa5dcc27f 100644
--- a/apps/demos/Demos/DateRangeBox/Overview/ReactJs/index.html
+++ b/apps/demos/Demos/DateRangeBox/Overview/ReactJs/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Diagram/Adaptability/Angular/index.html b/apps/demos/Demos/Diagram/Adaptability/Angular/index.html
index 7dd155b53981..4116cff0f866 100644
--- a/apps/demos/Demos/Diagram/Adaptability/Angular/index.html
+++ b/apps/demos/Demos/Diagram/Adaptability/Angular/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
   </head>
   <body class="dx-viewport">
     <div class="demo-container">
diff --git a/apps/demos/Demos/Diagram/Adaptability/React/index.html b/apps/demos/Demos/Diagram/Adaptability/React/index.html
index 7b47950bbaff..00b7b9bb7a3f 100644
--- a/apps/demos/Demos/Diagram/Adaptability/React/index.html
+++ b/apps/demos/Demos/Diagram/Adaptability/React/index.html
@@ -6,6 +6,8 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Diagram/Adaptability/ReactJs/index.html b/apps/demos/Demos/Diagram/Adaptability/ReactJs/index.html
index 7b47950bbaff..00b7b9bb7a3f 100644
--- a/apps/demos/Demos/Diagram/Adaptability/ReactJs/index.html
+++ b/apps/demos/Demos/Diagram/Adaptability/ReactJs/index.html
@@ -6,6 +6,8 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Diagram/Adaptability/Vue/index.html b/apps/demos/Demos/Diagram/Adaptability/Vue/index.html
index 7369a149272c..9d946b21b66d 100644
--- a/apps/demos/Demos/Diagram/Adaptability/Vue/index.html
+++ b/apps/demos/Demos/Diagram/Adaptability/Vue/index.html
@@ -6,6 +6,8 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Diagram/AdvancedDataBinding/Angular/index.html b/apps/demos/Demos/Diagram/AdvancedDataBinding/Angular/index.html
index 7dd155b53981..4116cff0f866 100644
--- a/apps/demos/Demos/Diagram/AdvancedDataBinding/Angular/index.html
+++ b/apps/demos/Demos/Diagram/AdvancedDataBinding/Angular/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
   </head>
   <body class="dx-viewport">
     <div class="demo-container">
diff --git a/apps/demos/Demos/Diagram/AdvancedDataBinding/React/index.html b/apps/demos/Demos/Diagram/AdvancedDataBinding/React/index.html
index 7b47950bbaff..00b7b9bb7a3f 100644
--- a/apps/demos/Demos/Diagram/AdvancedDataBinding/React/index.html
+++ b/apps/demos/Demos/Diagram/AdvancedDataBinding/React/index.html
@@ -6,6 +6,8 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Diagram/AdvancedDataBinding/ReactJs/index.html b/apps/demos/Demos/Diagram/AdvancedDataBinding/ReactJs/index.html
index 7b47950bbaff..00b7b9bb7a3f 100644
--- a/apps/demos/Demos/Diagram/AdvancedDataBinding/ReactJs/index.html
+++ b/apps/demos/Demos/Diagram/AdvancedDataBinding/ReactJs/index.html
@@ -6,6 +6,8 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Diagram/AdvancedDataBinding/Vue/index.html b/apps/demos/Demos/Diagram/AdvancedDataBinding/Vue/index.html
index 7369a149272c..9d946b21b66d 100644
--- a/apps/demos/Demos/Diagram/AdvancedDataBinding/Vue/index.html
+++ b/apps/demos/Demos/Diagram/AdvancedDataBinding/Vue/index.html
@@ -6,6 +6,8 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Diagram/Containers/Angular/index.html b/apps/demos/Demos/Diagram/Containers/Angular/index.html
index 7dd155b53981..4116cff0f866 100644
--- a/apps/demos/Demos/Diagram/Containers/Angular/index.html
+++ b/apps/demos/Demos/Diagram/Containers/Angular/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
   </head>
   <body class="dx-viewport">
     <div class="demo-container">
diff --git a/apps/demos/Demos/Diagram/Containers/React/index.html b/apps/demos/Demos/Diagram/Containers/React/index.html
index 7b47950bbaff..00b7b9bb7a3f 100644
--- a/apps/demos/Demos/Diagram/Containers/React/index.html
+++ b/apps/demos/Demos/Diagram/Containers/React/index.html
@@ -6,6 +6,8 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Diagram/Containers/ReactJs/index.html b/apps/demos/Demos/Diagram/Containers/ReactJs/index.html
index 7b47950bbaff..00b7b9bb7a3f 100644
--- a/apps/demos/Demos/Diagram/Containers/ReactJs/index.html
+++ b/apps/demos/Demos/Diagram/Containers/ReactJs/index.html
@@ -6,6 +6,8 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Diagram/Containers/Vue/index.html b/apps/demos/Demos/Diagram/Containers/Vue/index.html
index 7369a149272c..9d946b21b66d 100644
--- a/apps/demos/Demos/Diagram/Containers/Vue/index.html
+++ b/apps/demos/Demos/Diagram/Containers/Vue/index.html
@@ -6,6 +6,8 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Diagram/CustomShapesWithIcons/Angular/index.html b/apps/demos/Demos/Diagram/CustomShapesWithIcons/Angular/index.html
index 7dd155b53981..4116cff0f866 100644
--- a/apps/demos/Demos/Diagram/CustomShapesWithIcons/Angular/index.html
+++ b/apps/demos/Demos/Diagram/CustomShapesWithIcons/Angular/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
   </head>
   <body class="dx-viewport">
     <div class="demo-container">
diff --git a/apps/demos/Demos/Diagram/CustomShapesWithIcons/React/index.html b/apps/demos/Demos/Diagram/CustomShapesWithIcons/React/index.html
index 7b47950bbaff..00b7b9bb7a3f 100644
--- a/apps/demos/Demos/Diagram/CustomShapesWithIcons/React/index.html
+++ b/apps/demos/Demos/Diagram/CustomShapesWithIcons/React/index.html
@@ -6,6 +6,8 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Diagram/CustomShapesWithIcons/ReactJs/index.html b/apps/demos/Demos/Diagram/CustomShapesWithIcons/ReactJs/index.html
index 7b47950bbaff..00b7b9bb7a3f 100644
--- a/apps/demos/Demos/Diagram/CustomShapesWithIcons/ReactJs/index.html
+++ b/apps/demos/Demos/Diagram/CustomShapesWithIcons/ReactJs/index.html
@@ -6,6 +6,8 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Diagram/CustomShapesWithIcons/Vue/index.html b/apps/demos/Demos/Diagram/CustomShapesWithIcons/Vue/index.html
index 7369a149272c..9d946b21b66d 100644
--- a/apps/demos/Demos/Diagram/CustomShapesWithIcons/Vue/index.html
+++ b/apps/demos/Demos/Diagram/CustomShapesWithIcons/Vue/index.html
@@ -6,6 +6,8 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Diagram/CustomShapesWithTemplates/Angular/index.html b/apps/demos/Demos/Diagram/CustomShapesWithTemplates/Angular/index.html
index 7dd155b53981..4116cff0f866 100644
--- a/apps/demos/Demos/Diagram/CustomShapesWithTemplates/Angular/index.html
+++ b/apps/demos/Demos/Diagram/CustomShapesWithTemplates/Angular/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
   </head>
   <body class="dx-viewport">
     <div class="demo-container">
diff --git a/apps/demos/Demos/Diagram/CustomShapesWithTemplates/React/index.html b/apps/demos/Demos/Diagram/CustomShapesWithTemplates/React/index.html
index 7b47950bbaff..00b7b9bb7a3f 100644
--- a/apps/demos/Demos/Diagram/CustomShapesWithTemplates/React/index.html
+++ b/apps/demos/Demos/Diagram/CustomShapesWithTemplates/React/index.html
@@ -6,6 +6,8 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Diagram/CustomShapesWithTemplates/ReactJs/index.html b/apps/demos/Demos/Diagram/CustomShapesWithTemplates/ReactJs/index.html
index 7b47950bbaff..00b7b9bb7a3f 100644
--- a/apps/demos/Demos/Diagram/CustomShapesWithTemplates/ReactJs/index.html
+++ b/apps/demos/Demos/Diagram/CustomShapesWithTemplates/ReactJs/index.html
@@ -6,6 +6,8 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Diagram/CustomShapesWithTemplates/Vue/index.html b/apps/demos/Demos/Diagram/CustomShapesWithTemplates/Vue/index.html
index 7369a149272c..9d946b21b66d 100644
--- a/apps/demos/Demos/Diagram/CustomShapesWithTemplates/Vue/index.html
+++ b/apps/demos/Demos/Diagram/CustomShapesWithTemplates/Vue/index.html
@@ -6,6 +6,8 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Diagram/CustomShapesWithTemplatesWithEditing/Angular/index.html b/apps/demos/Demos/Diagram/CustomShapesWithTemplatesWithEditing/Angular/index.html
index 7dd155b53981..4116cff0f866 100644
--- a/apps/demos/Demos/Diagram/CustomShapesWithTemplatesWithEditing/Angular/index.html
+++ b/apps/demos/Demos/Diagram/CustomShapesWithTemplatesWithEditing/Angular/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
   </head>
   <body class="dx-viewport">
     <div class="demo-container">
diff --git a/apps/demos/Demos/Diagram/CustomShapesWithTemplatesWithEditing/React/index.html b/apps/demos/Demos/Diagram/CustomShapesWithTemplatesWithEditing/React/index.html
index 7b47950bbaff..00b7b9bb7a3f 100644
--- a/apps/demos/Demos/Diagram/CustomShapesWithTemplatesWithEditing/React/index.html
+++ b/apps/demos/Demos/Diagram/CustomShapesWithTemplatesWithEditing/React/index.html
@@ -6,6 +6,8 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Diagram/CustomShapesWithTemplatesWithEditing/ReactJs/index.html b/apps/demos/Demos/Diagram/CustomShapesWithTemplatesWithEditing/ReactJs/index.html
index 7b47950bbaff..00b7b9bb7a3f 100644
--- a/apps/demos/Demos/Diagram/CustomShapesWithTemplatesWithEditing/ReactJs/index.html
+++ b/apps/demos/Demos/Diagram/CustomShapesWithTemplatesWithEditing/ReactJs/index.html
@@ -6,6 +6,8 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Diagram/CustomShapesWithTemplatesWithEditing/Vue/index.html b/apps/demos/Demos/Diagram/CustomShapesWithTemplatesWithEditing/Vue/index.html
index 7369a149272c..9d946b21b66d 100644
--- a/apps/demos/Demos/Diagram/CustomShapesWithTemplatesWithEditing/Vue/index.html
+++ b/apps/demos/Demos/Diagram/CustomShapesWithTemplatesWithEditing/Vue/index.html
@@ -6,6 +6,8 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Diagram/CustomShapesWithTexts/Angular/index.html b/apps/demos/Demos/Diagram/CustomShapesWithTexts/Angular/index.html
index 7dd155b53981..4116cff0f866 100644
--- a/apps/demos/Demos/Diagram/CustomShapesWithTexts/Angular/index.html
+++ b/apps/demos/Demos/Diagram/CustomShapesWithTexts/Angular/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
   </head>
   <body class="dx-viewport">
     <div class="demo-container">
diff --git a/apps/demos/Demos/Diagram/CustomShapesWithTexts/React/index.html b/apps/demos/Demos/Diagram/CustomShapesWithTexts/React/index.html
index 7b47950bbaff..00b7b9bb7a3f 100644
--- a/apps/demos/Demos/Diagram/CustomShapesWithTexts/React/index.html
+++ b/apps/demos/Demos/Diagram/CustomShapesWithTexts/React/index.html
@@ -6,6 +6,8 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Diagram/CustomShapesWithTexts/ReactJs/index.html b/apps/demos/Demos/Diagram/CustomShapesWithTexts/ReactJs/index.html
index 7b47950bbaff..00b7b9bb7a3f 100644
--- a/apps/demos/Demos/Diagram/CustomShapesWithTexts/ReactJs/index.html
+++ b/apps/demos/Demos/Diagram/CustomShapesWithTexts/ReactJs/index.html
@@ -6,6 +6,8 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Diagram/CustomShapesWithTexts/Vue/index.html b/apps/demos/Demos/Diagram/CustomShapesWithTexts/Vue/index.html
index 7369a149272c..9d946b21b66d 100644
--- a/apps/demos/Demos/Diagram/CustomShapesWithTexts/Vue/index.html
+++ b/apps/demos/Demos/Diagram/CustomShapesWithTexts/Vue/index.html
@@ -6,6 +6,8 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Diagram/ImagesInShapes/Angular/index.html b/apps/demos/Demos/Diagram/ImagesInShapes/Angular/index.html
index 7dd155b53981..4116cff0f866 100644
--- a/apps/demos/Demos/Diagram/ImagesInShapes/Angular/index.html
+++ b/apps/demos/Demos/Diagram/ImagesInShapes/Angular/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
   </head>
   <body class="dx-viewport">
     <div class="demo-container">
diff --git a/apps/demos/Demos/Diagram/ImagesInShapes/React/index.html b/apps/demos/Demos/Diagram/ImagesInShapes/React/index.html
index 7b47950bbaff..00b7b9bb7a3f 100644
--- a/apps/demos/Demos/Diagram/ImagesInShapes/React/index.html
+++ b/apps/demos/Demos/Diagram/ImagesInShapes/React/index.html
@@ -6,6 +6,8 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Diagram/ImagesInShapes/ReactJs/index.html b/apps/demos/Demos/Diagram/ImagesInShapes/ReactJs/index.html
index 7b47950bbaff..00b7b9bb7a3f 100644
--- a/apps/demos/Demos/Diagram/ImagesInShapes/ReactJs/index.html
+++ b/apps/demos/Demos/Diagram/ImagesInShapes/ReactJs/index.html
@@ -6,6 +6,8 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Diagram/ImagesInShapes/Vue/index.html b/apps/demos/Demos/Diagram/ImagesInShapes/Vue/index.html
index 7369a149272c..9d946b21b66d 100644
--- a/apps/demos/Demos/Diagram/ImagesInShapes/Vue/index.html
+++ b/apps/demos/Demos/Diagram/ImagesInShapes/Vue/index.html
@@ -6,6 +6,8 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Diagram/ItemSelection/Angular/index.html b/apps/demos/Demos/Diagram/ItemSelection/Angular/index.html
index 7dd155b53981..4116cff0f866 100644
--- a/apps/demos/Demos/Diagram/ItemSelection/Angular/index.html
+++ b/apps/demos/Demos/Diagram/ItemSelection/Angular/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
   </head>
   <body class="dx-viewport">
     <div class="demo-container">
diff --git a/apps/demos/Demos/Diagram/ItemSelection/React/index.html b/apps/demos/Demos/Diagram/ItemSelection/React/index.html
index 7b47950bbaff..00b7b9bb7a3f 100644
--- a/apps/demos/Demos/Diagram/ItemSelection/React/index.html
+++ b/apps/demos/Demos/Diagram/ItemSelection/React/index.html
@@ -6,6 +6,8 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Diagram/ItemSelection/ReactJs/index.html b/apps/demos/Demos/Diagram/ItemSelection/ReactJs/index.html
index 7b47950bbaff..00b7b9bb7a3f 100644
--- a/apps/demos/Demos/Diagram/ItemSelection/ReactJs/index.html
+++ b/apps/demos/Demos/Diagram/ItemSelection/ReactJs/index.html
@@ -6,6 +6,8 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Diagram/ItemSelection/Vue/index.html b/apps/demos/Demos/Diagram/ItemSelection/Vue/index.html
index 7369a149272c..9d946b21b66d 100644
--- a/apps/demos/Demos/Diagram/ItemSelection/Vue/index.html
+++ b/apps/demos/Demos/Diagram/ItemSelection/Vue/index.html
@@ -6,6 +6,8 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Diagram/NodesAndEdgesArrays/Angular/index.html b/apps/demos/Demos/Diagram/NodesAndEdgesArrays/Angular/index.html
index 7dd155b53981..4116cff0f866 100644
--- a/apps/demos/Demos/Diagram/NodesAndEdgesArrays/Angular/index.html
+++ b/apps/demos/Demos/Diagram/NodesAndEdgesArrays/Angular/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
   </head>
   <body class="dx-viewport">
     <div class="demo-container">
diff --git a/apps/demos/Demos/Diagram/NodesAndEdgesArrays/React/index.html b/apps/demos/Demos/Diagram/NodesAndEdgesArrays/React/index.html
index 7b47950bbaff..00b7b9bb7a3f 100644
--- a/apps/demos/Demos/Diagram/NodesAndEdgesArrays/React/index.html
+++ b/apps/demos/Demos/Diagram/NodesAndEdgesArrays/React/index.html
@@ -6,6 +6,8 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Diagram/NodesAndEdgesArrays/ReactJs/index.html b/apps/demos/Demos/Diagram/NodesAndEdgesArrays/ReactJs/index.html
index 7b47950bbaff..00b7b9bb7a3f 100644
--- a/apps/demos/Demos/Diagram/NodesAndEdgesArrays/ReactJs/index.html
+++ b/apps/demos/Demos/Diagram/NodesAndEdgesArrays/ReactJs/index.html
@@ -6,6 +6,8 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Diagram/NodesAndEdgesArrays/Vue/index.html b/apps/demos/Demos/Diagram/NodesAndEdgesArrays/Vue/index.html
index 7369a149272c..9d946b21b66d 100644
--- a/apps/demos/Demos/Diagram/NodesAndEdgesArrays/Vue/index.html
+++ b/apps/demos/Demos/Diagram/NodesAndEdgesArrays/Vue/index.html
@@ -6,6 +6,8 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Diagram/NodesArrayHierarchicalStructure/Angular/index.html b/apps/demos/Demos/Diagram/NodesArrayHierarchicalStructure/Angular/index.html
index 7dd155b53981..4116cff0f866 100644
--- a/apps/demos/Demos/Diagram/NodesArrayHierarchicalStructure/Angular/index.html
+++ b/apps/demos/Demos/Diagram/NodesArrayHierarchicalStructure/Angular/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
   </head>
   <body class="dx-viewport">
     <div class="demo-container">
diff --git a/apps/demos/Demos/Diagram/NodesArrayHierarchicalStructure/React/index.html b/apps/demos/Demos/Diagram/NodesArrayHierarchicalStructure/React/index.html
index 7b47950bbaff..00b7b9bb7a3f 100644
--- a/apps/demos/Demos/Diagram/NodesArrayHierarchicalStructure/React/index.html
+++ b/apps/demos/Demos/Diagram/NodesArrayHierarchicalStructure/React/index.html
@@ -6,6 +6,8 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Diagram/NodesArrayHierarchicalStructure/ReactJs/index.html b/apps/demos/Demos/Diagram/NodesArrayHierarchicalStructure/ReactJs/index.html
index 7b47950bbaff..00b7b9bb7a3f 100644
--- a/apps/demos/Demos/Diagram/NodesArrayHierarchicalStructure/ReactJs/index.html
+++ b/apps/demos/Demos/Diagram/NodesArrayHierarchicalStructure/ReactJs/index.html
@@ -6,6 +6,8 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Diagram/NodesArrayHierarchicalStructure/Vue/index.html b/apps/demos/Demos/Diagram/NodesArrayHierarchicalStructure/Vue/index.html
index 7369a149272c..9d946b21b66d 100644
--- a/apps/demos/Demos/Diagram/NodesArrayHierarchicalStructure/Vue/index.html
+++ b/apps/demos/Demos/Diagram/NodesArrayHierarchicalStructure/Vue/index.html
@@ -6,6 +6,8 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Diagram/NodesArrayPlainStructure/Angular/index.html b/apps/demos/Demos/Diagram/NodesArrayPlainStructure/Angular/index.html
index 7dd155b53981..4116cff0f866 100644
--- a/apps/demos/Demos/Diagram/NodesArrayPlainStructure/Angular/index.html
+++ b/apps/demos/Demos/Diagram/NodesArrayPlainStructure/Angular/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
   </head>
   <body class="dx-viewport">
     <div class="demo-container">
diff --git a/apps/demos/Demos/Diagram/NodesArrayPlainStructure/React/index.html b/apps/demos/Demos/Diagram/NodesArrayPlainStructure/React/index.html
index 7b47950bbaff..00b7b9bb7a3f 100644
--- a/apps/demos/Demos/Diagram/NodesArrayPlainStructure/React/index.html
+++ b/apps/demos/Demos/Diagram/NodesArrayPlainStructure/React/index.html
@@ -6,6 +6,8 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Diagram/NodesArrayPlainStructure/ReactJs/index.html b/apps/demos/Demos/Diagram/NodesArrayPlainStructure/ReactJs/index.html
index 7b47950bbaff..00b7b9bb7a3f 100644
--- a/apps/demos/Demos/Diagram/NodesArrayPlainStructure/ReactJs/index.html
+++ b/apps/demos/Demos/Diagram/NodesArrayPlainStructure/ReactJs/index.html
@@ -6,6 +6,8 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Diagram/NodesArrayPlainStructure/Vue/index.html b/apps/demos/Demos/Diagram/NodesArrayPlainStructure/Vue/index.html
index 7369a149272c..9d946b21b66d 100644
--- a/apps/demos/Demos/Diagram/NodesArrayPlainStructure/Vue/index.html
+++ b/apps/demos/Demos/Diagram/NodesArrayPlainStructure/Vue/index.html
@@ -6,6 +6,8 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Diagram/OperationRestrictions/Angular/index.html b/apps/demos/Demos/Diagram/OperationRestrictions/Angular/index.html
index 7dd155b53981..4116cff0f866 100644
--- a/apps/demos/Demos/Diagram/OperationRestrictions/Angular/index.html
+++ b/apps/demos/Demos/Diagram/OperationRestrictions/Angular/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
   </head>
   <body class="dx-viewport">
     <div class="demo-container">
diff --git a/apps/demos/Demos/Diagram/OperationRestrictions/React/index.html b/apps/demos/Demos/Diagram/OperationRestrictions/React/index.html
index 7b47950bbaff..00b7b9bb7a3f 100644
--- a/apps/demos/Demos/Diagram/OperationRestrictions/React/index.html
+++ b/apps/demos/Demos/Diagram/OperationRestrictions/React/index.html
@@ -6,6 +6,8 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Diagram/OperationRestrictions/ReactJs/index.html b/apps/demos/Demos/Diagram/OperationRestrictions/ReactJs/index.html
index 7b47950bbaff..00b7b9bb7a3f 100644
--- a/apps/demos/Demos/Diagram/OperationRestrictions/ReactJs/index.html
+++ b/apps/demos/Demos/Diagram/OperationRestrictions/ReactJs/index.html
@@ -6,6 +6,8 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Diagram/OperationRestrictions/Vue/index.html b/apps/demos/Demos/Diagram/OperationRestrictions/Vue/index.html
index 7369a149272c..9d946b21b66d 100644
--- a/apps/demos/Demos/Diagram/OperationRestrictions/Vue/index.html
+++ b/apps/demos/Demos/Diagram/OperationRestrictions/Vue/index.html
@@ -6,6 +6,8 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Diagram/Overview/Angular/index.html b/apps/demos/Demos/Diagram/Overview/Angular/index.html
index 7dd155b53981..4116cff0f866 100644
--- a/apps/demos/Demos/Diagram/Overview/Angular/index.html
+++ b/apps/demos/Demos/Diagram/Overview/Angular/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
   </head>
   <body class="dx-viewport">
     <div class="demo-container">
diff --git a/apps/demos/Demos/Diagram/Overview/React/index.html b/apps/demos/Demos/Diagram/Overview/React/index.html
index 7b47950bbaff..00b7b9bb7a3f 100644
--- a/apps/demos/Demos/Diagram/Overview/React/index.html
+++ b/apps/demos/Demos/Diagram/Overview/React/index.html
@@ -6,6 +6,8 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Diagram/Overview/ReactJs/index.html b/apps/demos/Demos/Diagram/Overview/ReactJs/index.html
index 7b47950bbaff..00b7b9bb7a3f 100644
--- a/apps/demos/Demos/Diagram/Overview/ReactJs/index.html
+++ b/apps/demos/Demos/Diagram/Overview/ReactJs/index.html
@@ -6,6 +6,8 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Diagram/Overview/Vue/index.html b/apps/demos/Demos/Diagram/Overview/Vue/index.html
index 7369a149272c..9d946b21b66d 100644
--- a/apps/demos/Demos/Diagram/Overview/Vue/index.html
+++ b/apps/demos/Demos/Diagram/Overview/Vue/index.html
@@ -6,6 +6,8 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Diagram/ReadOnly/Angular/index.html b/apps/demos/Demos/Diagram/ReadOnly/Angular/index.html
index 7dd155b53981..4116cff0f866 100644
--- a/apps/demos/Demos/Diagram/ReadOnly/Angular/index.html
+++ b/apps/demos/Demos/Diagram/ReadOnly/Angular/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
   </head>
   <body class="dx-viewport">
     <div class="demo-container">
diff --git a/apps/demos/Demos/Diagram/ReadOnly/React/index.html b/apps/demos/Demos/Diagram/ReadOnly/React/index.html
index 7b47950bbaff..00b7b9bb7a3f 100644
--- a/apps/demos/Demos/Diagram/ReadOnly/React/index.html
+++ b/apps/demos/Demos/Diagram/ReadOnly/React/index.html
@@ -6,6 +6,8 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Diagram/ReadOnly/ReactJs/index.html b/apps/demos/Demos/Diagram/ReadOnly/ReactJs/index.html
index 7b47950bbaff..00b7b9bb7a3f 100644
--- a/apps/demos/Demos/Diagram/ReadOnly/ReactJs/index.html
+++ b/apps/demos/Demos/Diagram/ReadOnly/ReactJs/index.html
@@ -6,6 +6,8 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Diagram/ReadOnly/Vue/index.html b/apps/demos/Demos/Diagram/ReadOnly/Vue/index.html
index 7369a149272c..9d946b21b66d 100644
--- a/apps/demos/Demos/Diagram/ReadOnly/Vue/index.html
+++ b/apps/demos/Demos/Diagram/ReadOnly/Vue/index.html
@@ -6,6 +6,8 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Diagram/SimpleView/Angular/index.html b/apps/demos/Demos/Diagram/SimpleView/Angular/index.html
index 7dd155b53981..4116cff0f866 100644
--- a/apps/demos/Demos/Diagram/SimpleView/Angular/index.html
+++ b/apps/demos/Demos/Diagram/SimpleView/Angular/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
   </head>
   <body class="dx-viewport">
     <div class="demo-container">
diff --git a/apps/demos/Demos/Diagram/SimpleView/React/index.html b/apps/demos/Demos/Diagram/SimpleView/React/index.html
index 7b47950bbaff..00b7b9bb7a3f 100644
--- a/apps/demos/Demos/Diagram/SimpleView/React/index.html
+++ b/apps/demos/Demos/Diagram/SimpleView/React/index.html
@@ -6,6 +6,8 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Diagram/SimpleView/ReactJs/index.html b/apps/demos/Demos/Diagram/SimpleView/ReactJs/index.html
index 7b47950bbaff..00b7b9bb7a3f 100644
--- a/apps/demos/Demos/Diagram/SimpleView/ReactJs/index.html
+++ b/apps/demos/Demos/Diagram/SimpleView/ReactJs/index.html
@@ -6,6 +6,8 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Diagram/SimpleView/Vue/index.html b/apps/demos/Demos/Diagram/SimpleView/Vue/index.html
index 7369a149272c..9d946b21b66d 100644
--- a/apps/demos/Demos/Diagram/SimpleView/Vue/index.html
+++ b/apps/demos/Demos/Diagram/SimpleView/Vue/index.html
@@ -6,6 +6,8 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Diagram/UICustomization/Angular/index.html b/apps/demos/Demos/Diagram/UICustomization/Angular/index.html
index 7dd155b53981..4116cff0f866 100644
--- a/apps/demos/Demos/Diagram/UICustomization/Angular/index.html
+++ b/apps/demos/Demos/Diagram/UICustomization/Angular/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
   </head>
   <body class="dx-viewport">
     <div class="demo-container">
diff --git a/apps/demos/Demos/Diagram/UICustomization/React/index.html b/apps/demos/Demos/Diagram/UICustomization/React/index.html
index 7b47950bbaff..00b7b9bb7a3f 100644
--- a/apps/demos/Demos/Diagram/UICustomization/React/index.html
+++ b/apps/demos/Demos/Diagram/UICustomization/React/index.html
@@ -6,6 +6,8 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Diagram/UICustomization/ReactJs/index.html b/apps/demos/Demos/Diagram/UICustomization/ReactJs/index.html
index 7b47950bbaff..00b7b9bb7a3f 100644
--- a/apps/demos/Demos/Diagram/UICustomization/ReactJs/index.html
+++ b/apps/demos/Demos/Diagram/UICustomization/ReactJs/index.html
@@ -6,6 +6,8 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Diagram/UICustomization/Vue/index.html b/apps/demos/Demos/Diagram/UICustomization/Vue/index.html
index 7369a149272c..9d946b21b66d 100644
--- a/apps/demos/Demos/Diagram/UICustomization/Vue/index.html
+++ b/apps/demos/Demos/Diagram/UICustomization/Vue/index.html
@@ -6,6 +6,8 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Diagram/WebAPIService/Angular/index.html b/apps/demos/Demos/Diagram/WebAPIService/Angular/index.html
index 7dd155b53981..4116cff0f866 100644
--- a/apps/demos/Demos/Diagram/WebAPIService/Angular/index.html
+++ b/apps/demos/Demos/Diagram/WebAPIService/Angular/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
   </head>
   <body class="dx-viewport">
     <div class="demo-container">
diff --git a/apps/demos/Demos/Diagram/WebAPIService/React/index.html b/apps/demos/Demos/Diagram/WebAPIService/React/index.html
index 7b47950bbaff..00b7b9bb7a3f 100644
--- a/apps/demos/Demos/Diagram/WebAPIService/React/index.html
+++ b/apps/demos/Demos/Diagram/WebAPIService/React/index.html
@@ -6,6 +6,8 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Diagram/WebAPIService/ReactJs/index.html b/apps/demos/Demos/Diagram/WebAPIService/ReactJs/index.html
index 7b47950bbaff..00b7b9bb7a3f 100644
--- a/apps/demos/Demos/Diagram/WebAPIService/ReactJs/index.html
+++ b/apps/demos/Demos/Diagram/WebAPIService/ReactJs/index.html
@@ -6,6 +6,8 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Diagram/WebAPIService/Vue/index.html b/apps/demos/Demos/Diagram/WebAPIService/Vue/index.html
index 7369a149272c..9d946b21b66d 100644
--- a/apps/demos/Demos/Diagram/WebAPIService/Vue/index.html
+++ b/apps/demos/Demos/Diagram/WebAPIService/Vue/index.html
@@ -6,6 +6,8 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/FileManager/BindingToEF/Angular/index.html b/apps/demos/Demos/FileManager/BindingToEF/Angular/index.html
index 7dd155b53981..37a1f593d5a2 100644
--- a/apps/demos/Demos/FileManager/BindingToEF/Angular/index.html
+++ b/apps/demos/Demos/FileManager/BindingToEF/Angular/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.css" />
   </head>
   <body class="dx-viewport">
     <div class="demo-container">
diff --git a/apps/demos/Demos/FileManager/BindingToEF/React/index.html b/apps/demos/Demos/FileManager/BindingToEF/React/index.html
index 1da2da79d709..2c89cbc51caa 100644
--- a/apps/demos/Demos/FileManager/BindingToEF/React/index.html
+++ b/apps/demos/Demos/FileManager/BindingToEF/React/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.min.css" />
   </head>
   <body class="dx-viewport">
     <div class="demo-container">
diff --git a/apps/demos/Demos/FileManager/BindingToEF/ReactJs/index.html b/apps/demos/Demos/FileManager/BindingToEF/ReactJs/index.html
index 1da2da79d709..2c89cbc51caa 100644
--- a/apps/demos/Demos/FileManager/BindingToEF/ReactJs/index.html
+++ b/apps/demos/Demos/FileManager/BindingToEF/ReactJs/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.min.css" />
   </head>
   <body class="dx-viewport">
     <div class="demo-container">
diff --git a/apps/demos/Demos/FileManager/BindingToEF/Vue/index.html b/apps/demos/Demos/FileManager/BindingToEF/Vue/index.html
index fb771a33adc4..09dffc7edb9b 100644
--- a/apps/demos/Demos/FileManager/BindingToEF/Vue/index.html
+++ b/apps/demos/Demos/FileManager/BindingToEF/Vue/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.css" />
   </head>
   <body class="dx-viewport">
     <div class="demo-container">
diff --git a/apps/demos/Demos/FileManager/BindingToFileSystem/Angular/index.html b/apps/demos/Demos/FileManager/BindingToFileSystem/Angular/index.html
index 7dd155b53981..37a1f593d5a2 100644
--- a/apps/demos/Demos/FileManager/BindingToFileSystem/Angular/index.html
+++ b/apps/demos/Demos/FileManager/BindingToFileSystem/Angular/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.css" />
   </head>
   <body class="dx-viewport">
     <div class="demo-container">
diff --git a/apps/demos/Demos/FileManager/BindingToFileSystem/React/index.html b/apps/demos/Demos/FileManager/BindingToFileSystem/React/index.html
index 1da2da79d709..2c89cbc51caa 100644
--- a/apps/demos/Demos/FileManager/BindingToFileSystem/React/index.html
+++ b/apps/demos/Demos/FileManager/BindingToFileSystem/React/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.min.css" />
   </head>
   <body class="dx-viewport">
     <div class="demo-container">
diff --git a/apps/demos/Demos/FileManager/BindingToFileSystem/ReactJs/index.html b/apps/demos/Demos/FileManager/BindingToFileSystem/ReactJs/index.html
index 1da2da79d709..2c89cbc51caa 100644
--- a/apps/demos/Demos/FileManager/BindingToFileSystem/ReactJs/index.html
+++ b/apps/demos/Demos/FileManager/BindingToFileSystem/ReactJs/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.min.css" />
   </head>
   <body class="dx-viewport">
     <div class="demo-container">
diff --git a/apps/demos/Demos/FileManager/BindingToFileSystem/Vue/index.html b/apps/demos/Demos/FileManager/BindingToFileSystem/Vue/index.html
index fb771a33adc4..09dffc7edb9b 100644
--- a/apps/demos/Demos/FileManager/BindingToFileSystem/Vue/index.html
+++ b/apps/demos/Demos/FileManager/BindingToFileSystem/Vue/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.css" />
   </head>
   <body class="dx-viewport">
     <div class="demo-container">
diff --git a/apps/demos/Demos/FileManager/BindingToHierarchicalStructure/Angular/index.html b/apps/demos/Demos/FileManager/BindingToHierarchicalStructure/Angular/index.html
index 7dd155b53981..37a1f593d5a2 100644
--- a/apps/demos/Demos/FileManager/BindingToHierarchicalStructure/Angular/index.html
+++ b/apps/demos/Demos/FileManager/BindingToHierarchicalStructure/Angular/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.css" />
   </head>
   <body class="dx-viewport">
     <div class="demo-container">
diff --git a/apps/demos/Demos/FileManager/BindingToHierarchicalStructure/React/index.html b/apps/demos/Demos/FileManager/BindingToHierarchicalStructure/React/index.html
index 1da2da79d709..2c89cbc51caa 100644
--- a/apps/demos/Demos/FileManager/BindingToHierarchicalStructure/React/index.html
+++ b/apps/demos/Demos/FileManager/BindingToHierarchicalStructure/React/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.min.css" />
   </head>
   <body class="dx-viewport">
     <div class="demo-container">
diff --git a/apps/demos/Demos/FileManager/BindingToHierarchicalStructure/ReactJs/index.html b/apps/demos/Demos/FileManager/BindingToHierarchicalStructure/ReactJs/index.html
index 1da2da79d709..2c89cbc51caa 100644
--- a/apps/demos/Demos/FileManager/BindingToHierarchicalStructure/ReactJs/index.html
+++ b/apps/demos/Demos/FileManager/BindingToHierarchicalStructure/ReactJs/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.min.css" />
   </head>
   <body class="dx-viewport">
     <div class="demo-container">
diff --git a/apps/demos/Demos/FileManager/BindingToHierarchicalStructure/Vue/index.html b/apps/demos/Demos/FileManager/BindingToHierarchicalStructure/Vue/index.html
index fb771a33adc4..09dffc7edb9b 100644
--- a/apps/demos/Demos/FileManager/BindingToHierarchicalStructure/Vue/index.html
+++ b/apps/demos/Demos/FileManager/BindingToHierarchicalStructure/Vue/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.css" />
   </head>
   <body class="dx-viewport">
     <div class="demo-container">
diff --git a/apps/demos/Demos/FileManager/CustomThumbnails/Angular/index.html b/apps/demos/Demos/FileManager/CustomThumbnails/Angular/index.html
index 7dd155b53981..37a1f593d5a2 100644
--- a/apps/demos/Demos/FileManager/CustomThumbnails/Angular/index.html
+++ b/apps/demos/Demos/FileManager/CustomThumbnails/Angular/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.css" />
   </head>
   <body class="dx-viewport">
     <div class="demo-container">
diff --git a/apps/demos/Demos/FileManager/CustomThumbnails/React/index.html b/apps/demos/Demos/FileManager/CustomThumbnails/React/index.html
index 1da2da79d709..2c89cbc51caa 100644
--- a/apps/demos/Demos/FileManager/CustomThumbnails/React/index.html
+++ b/apps/demos/Demos/FileManager/CustomThumbnails/React/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.min.css" />
   </head>
   <body class="dx-viewport">
     <div class="demo-container">
diff --git a/apps/demos/Demos/FileManager/CustomThumbnails/ReactJs/index.html b/apps/demos/Demos/FileManager/CustomThumbnails/ReactJs/index.html
index 1da2da79d709..2c89cbc51caa 100644
--- a/apps/demos/Demos/FileManager/CustomThumbnails/ReactJs/index.html
+++ b/apps/demos/Demos/FileManager/CustomThumbnails/ReactJs/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.min.css" />
   </head>
   <body class="dx-viewport">
     <div class="demo-container">
diff --git a/apps/demos/Demos/FileManager/CustomThumbnails/Vue/index.html b/apps/demos/Demos/FileManager/CustomThumbnails/Vue/index.html
index fb771a33adc4..09dffc7edb9b 100644
--- a/apps/demos/Demos/FileManager/CustomThumbnails/Vue/index.html
+++ b/apps/demos/Demos/FileManager/CustomThumbnails/Vue/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.css" />
   </head>
   <body class="dx-viewport">
     <div class="demo-container">
diff --git a/apps/demos/Demos/FileManager/Overview/Angular/index.html b/apps/demos/Demos/FileManager/Overview/Angular/index.html
index 7dd155b53981..37a1f593d5a2 100644
--- a/apps/demos/Demos/FileManager/Overview/Angular/index.html
+++ b/apps/demos/Demos/FileManager/Overview/Angular/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.css" />
   </head>
   <body class="dx-viewport">
     <div class="demo-container">
diff --git a/apps/demos/Demos/FileManager/Overview/React/index.html b/apps/demos/Demos/FileManager/Overview/React/index.html
index 7b47950bbaff..5532c39d1be4 100644
--- a/apps/demos/Demos/FileManager/Overview/React/index.html
+++ b/apps/demos/Demos/FileManager/Overview/React/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/FileManager/Overview/ReactJs/index.html b/apps/demos/Demos/FileManager/Overview/ReactJs/index.html
index 7b47950bbaff..5532c39d1be4 100644
--- a/apps/demos/Demos/FileManager/Overview/ReactJs/index.html
+++ b/apps/demos/Demos/FileManager/Overview/ReactJs/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/FileManager/Overview/Vue/index.html b/apps/demos/Demos/FileManager/Overview/Vue/index.html
index 7369a149272c..ac22e3a71b50 100644
--- a/apps/demos/Demos/FileManager/Overview/Vue/index.html
+++ b/apps/demos/Demos/FileManager/Overview/Vue/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/FilterBuilder/Customization/Angular/index.html b/apps/demos/Demos/FilterBuilder/Customization/Angular/index.html
index 7dd155b53981..9bb26cdb89e8 100644
--- a/apps/demos/Demos/FilterBuilder/Customization/Angular/index.html
+++ b/apps/demos/Demos/FilterBuilder/Customization/Angular/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
   </head>
   <body class="dx-viewport">
     <div class="demo-container">
diff --git a/apps/demos/Demos/FilterBuilder/WithDataGrid/Angular/index.html b/apps/demos/Demos/FilterBuilder/WithDataGrid/Angular/index.html
index 7dd155b53981..9bb26cdb89e8 100644
--- a/apps/demos/Demos/FilterBuilder/WithDataGrid/Angular/index.html
+++ b/apps/demos/Demos/FilterBuilder/WithDataGrid/Angular/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
   </head>
   <body class="dx-viewport">
     <div class="demo-container">
diff --git a/apps/demos/Demos/FilterBuilder/WithList/Angular/index.html b/apps/demos/Demos/FilterBuilder/WithList/Angular/index.html
index 7dd155b53981..9bb26cdb89e8 100644
--- a/apps/demos/Demos/FilterBuilder/WithList/Angular/index.html
+++ b/apps/demos/Demos/FilterBuilder/WithList/Angular/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
   </head>
   <body class="dx-viewport">
     <div class="demo-container">
diff --git a/apps/demos/Demos/Form/Adaptability/React/index.html b/apps/demos/Demos/Form/Adaptability/React/index.html
index 7b47950bbaff..49ffa5dcc27f 100644
--- a/apps/demos/Demos/Form/Adaptability/React/index.html
+++ b/apps/demos/Demos/Form/Adaptability/React/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Form/Adaptability/ReactJs/index.html b/apps/demos/Demos/Form/Adaptability/ReactJs/index.html
index 7b47950bbaff..49ffa5dcc27f 100644
--- a/apps/demos/Demos/Form/Adaptability/ReactJs/index.html
+++ b/apps/demos/Demos/Form/Adaptability/ReactJs/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Form/Adaptability/Vue/index.html b/apps/demos/Demos/Form/Adaptability/Vue/index.html
index 7369a149272c..90f32feafe4e 100644
--- a/apps/demos/Demos/Form/Adaptability/Vue/index.html
+++ b/apps/demos/Demos/Form/Adaptability/Vue/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Form/Grouping/React/index.html b/apps/demos/Demos/Form/Grouping/React/index.html
index 7b47950bbaff..49ffa5dcc27f 100644
--- a/apps/demos/Demos/Form/Grouping/React/index.html
+++ b/apps/demos/Demos/Form/Grouping/React/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Form/Grouping/ReactJs/index.html b/apps/demos/Demos/Form/Grouping/ReactJs/index.html
index 7b47950bbaff..49ffa5dcc27f 100644
--- a/apps/demos/Demos/Form/Grouping/ReactJs/index.html
+++ b/apps/demos/Demos/Form/Grouping/ReactJs/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Form/Grouping/Vue/index.html b/apps/demos/Demos/Form/Grouping/Vue/index.html
index 7369a149272c..90f32feafe4e 100644
--- a/apps/demos/Demos/Form/Grouping/Vue/index.html
+++ b/apps/demos/Demos/Form/Grouping/Vue/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Form/ItemCustomization/React/index.html b/apps/demos/Demos/Form/ItemCustomization/React/index.html
index 7b47950bbaff..49ffa5dcc27f 100644
--- a/apps/demos/Demos/Form/ItemCustomization/React/index.html
+++ b/apps/demos/Demos/Form/ItemCustomization/React/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Form/ItemCustomization/ReactJs/index.html b/apps/demos/Demos/Form/ItemCustomization/ReactJs/index.html
index 7b47950bbaff..49ffa5dcc27f 100644
--- a/apps/demos/Demos/Form/ItemCustomization/ReactJs/index.html
+++ b/apps/demos/Demos/Form/ItemCustomization/ReactJs/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Form/ItemCustomization/Vue/index.html b/apps/demos/Demos/Form/ItemCustomization/Vue/index.html
index 7369a149272c..90f32feafe4e 100644
--- a/apps/demos/Demos/Form/ItemCustomization/Vue/index.html
+++ b/apps/demos/Demos/Form/ItemCustomization/Vue/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Form/Overview/React/index.html b/apps/demos/Demos/Form/Overview/React/index.html
index 7b47950bbaff..49ffa5dcc27f 100644
--- a/apps/demos/Demos/Form/Overview/React/index.html
+++ b/apps/demos/Demos/Form/Overview/React/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Form/Overview/ReactJs/index.html b/apps/demos/Demos/Form/Overview/ReactJs/index.html
index 7b47950bbaff..49ffa5dcc27f 100644
--- a/apps/demos/Demos/Form/Overview/ReactJs/index.html
+++ b/apps/demos/Demos/Form/Overview/ReactJs/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Form/Overview/Vue/index.html b/apps/demos/Demos/Form/Overview/Vue/index.html
index 7369a149272c..90f32feafe4e 100644
--- a/apps/demos/Demos/Form/Overview/Vue/index.html
+++ b/apps/demos/Demos/Form/Overview/Vue/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Form/SmartPaste/React/index.html b/apps/demos/Demos/Form/SmartPaste/React/index.html
index 7b47950bbaff..49ffa5dcc27f 100644
--- a/apps/demos/Demos/Form/SmartPaste/React/index.html
+++ b/apps/demos/Demos/Form/SmartPaste/React/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Form/SmartPaste/ReactJs/index.html b/apps/demos/Demos/Form/SmartPaste/ReactJs/index.html
index 7b47950bbaff..49ffa5dcc27f 100644
--- a/apps/demos/Demos/Form/SmartPaste/ReactJs/index.html
+++ b/apps/demos/Demos/Form/SmartPaste/ReactJs/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Form/SmartPaste/Vue/index.html b/apps/demos/Demos/Form/SmartPaste/Vue/index.html
index 7369a149272c..90f32feafe4e 100644
--- a/apps/demos/Demos/Form/SmartPaste/Vue/index.html
+++ b/apps/demos/Demos/Form/SmartPaste/Vue/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Form/UpdateItemsDynamically/React/index.html b/apps/demos/Demos/Form/UpdateItemsDynamically/React/index.html
index 7b47950bbaff..49ffa5dcc27f 100644
--- a/apps/demos/Demos/Form/UpdateItemsDynamically/React/index.html
+++ b/apps/demos/Demos/Form/UpdateItemsDynamically/React/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Form/UpdateItemsDynamically/ReactJs/index.html b/apps/demos/Demos/Form/UpdateItemsDynamically/ReactJs/index.html
index 7b47950bbaff..49ffa5dcc27f 100644
--- a/apps/demos/Demos/Form/UpdateItemsDynamically/ReactJs/index.html
+++ b/apps/demos/Demos/Form/UpdateItemsDynamically/ReactJs/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Form/UpdateItemsDynamically/Vue/index.html b/apps/demos/Demos/Form/UpdateItemsDynamically/Vue/index.html
index 7369a149272c..90f32feafe4e 100644
--- a/apps/demos/Demos/Form/UpdateItemsDynamically/Vue/index.html
+++ b/apps/demos/Demos/Form/UpdateItemsDynamically/Vue/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Form/Validation/React/index.html b/apps/demos/Demos/Form/Validation/React/index.html
index 7b47950bbaff..49ffa5dcc27f 100644
--- a/apps/demos/Demos/Form/Validation/React/index.html
+++ b/apps/demos/Demos/Form/Validation/React/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Form/Validation/ReactJs/index.html b/apps/demos/Demos/Form/Validation/ReactJs/index.html
index 7b47950bbaff..49ffa5dcc27f 100644
--- a/apps/demos/Demos/Form/Validation/ReactJs/index.html
+++ b/apps/demos/Demos/Form/Validation/ReactJs/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Form/Validation/Vue/index.html b/apps/demos/Demos/Form/Validation/Vue/index.html
index 7369a149272c..90f32feafe4e 100644
--- a/apps/demos/Demos/Form/Validation/Vue/index.html
+++ b/apps/demos/Demos/Form/Validation/Vue/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Gantt/Appearance/Angular/index.html b/apps/demos/Demos/Gantt/Appearance/Angular/index.html
index 7dd155b53981..37a1f593d5a2 100644
--- a/apps/demos/Demos/Gantt/Appearance/Angular/index.html
+++ b/apps/demos/Demos/Gantt/Appearance/Angular/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.css" />
   </head>
   <body class="dx-viewport">
     <div class="demo-container">
diff --git a/apps/demos/Demos/Gantt/Appearance/React/index.html b/apps/demos/Demos/Gantt/Appearance/React/index.html
index 7b47950bbaff..5532c39d1be4 100644
--- a/apps/demos/Demos/Gantt/Appearance/React/index.html
+++ b/apps/demos/Demos/Gantt/Appearance/React/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Gantt/Appearance/ReactJs/index.html b/apps/demos/Demos/Gantt/Appearance/ReactJs/index.html
index 7b47950bbaff..5532c39d1be4 100644
--- a/apps/demos/Demos/Gantt/Appearance/ReactJs/index.html
+++ b/apps/demos/Demos/Gantt/Appearance/ReactJs/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Gantt/Appearance/Vue/index.html b/apps/demos/Demos/Gantt/Appearance/Vue/index.html
index 7369a149272c..ac22e3a71b50 100644
--- a/apps/demos/Demos/Gantt/Appearance/Vue/index.html
+++ b/apps/demos/Demos/Gantt/Appearance/Vue/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Gantt/ContextMenu/Angular/index.html b/apps/demos/Demos/Gantt/ContextMenu/Angular/index.html
index 7dd155b53981..37a1f593d5a2 100644
--- a/apps/demos/Demos/Gantt/ContextMenu/Angular/index.html
+++ b/apps/demos/Demos/Gantt/ContextMenu/Angular/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.css" />
   </head>
   <body class="dx-viewport">
     <div class="demo-container">
diff --git a/apps/demos/Demos/Gantt/ContextMenu/React/index.html b/apps/demos/Demos/Gantt/ContextMenu/React/index.html
index 7b47950bbaff..5532c39d1be4 100644
--- a/apps/demos/Demos/Gantt/ContextMenu/React/index.html
+++ b/apps/demos/Demos/Gantt/ContextMenu/React/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Gantt/ContextMenu/ReactJs/index.html b/apps/demos/Demos/Gantt/ContextMenu/ReactJs/index.html
index 7b47950bbaff..5532c39d1be4 100644
--- a/apps/demos/Demos/Gantt/ContextMenu/ReactJs/index.html
+++ b/apps/demos/Demos/Gantt/ContextMenu/ReactJs/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Gantt/ContextMenu/Vue/index.html b/apps/demos/Demos/Gantt/ContextMenu/Vue/index.html
index 7369a149272c..ac22e3a71b50 100644
--- a/apps/demos/Demos/Gantt/ContextMenu/Vue/index.html
+++ b/apps/demos/Demos/Gantt/ContextMenu/Vue/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Gantt/DataBinding/Angular/index.html b/apps/demos/Demos/Gantt/DataBinding/Angular/index.html
index 7dd155b53981..37a1f593d5a2 100644
--- a/apps/demos/Demos/Gantt/DataBinding/Angular/index.html
+++ b/apps/demos/Demos/Gantt/DataBinding/Angular/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.css" />
   </head>
   <body class="dx-viewport">
     <div class="demo-container">
diff --git a/apps/demos/Demos/Gantt/DataBinding/React/index.html b/apps/demos/Demos/Gantt/DataBinding/React/index.html
index 7b47950bbaff..5532c39d1be4 100644
--- a/apps/demos/Demos/Gantt/DataBinding/React/index.html
+++ b/apps/demos/Demos/Gantt/DataBinding/React/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Gantt/DataBinding/ReactJs/index.html b/apps/demos/Demos/Gantt/DataBinding/ReactJs/index.html
index 7b47950bbaff..5532c39d1be4 100644
--- a/apps/demos/Demos/Gantt/DataBinding/ReactJs/index.html
+++ b/apps/demos/Demos/Gantt/DataBinding/ReactJs/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Gantt/DataBinding/Vue/index.html b/apps/demos/Demos/Gantt/DataBinding/Vue/index.html
index 7369a149272c..ac22e3a71b50 100644
--- a/apps/demos/Demos/Gantt/DataBinding/Vue/index.html
+++ b/apps/demos/Demos/Gantt/DataBinding/Vue/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Gantt/ExportToPDF/Angular/index.html b/apps/demos/Demos/Gantt/ExportToPDF/Angular/index.html
index 7dd155b53981..37a1f593d5a2 100644
--- a/apps/demos/Demos/Gantt/ExportToPDF/Angular/index.html
+++ b/apps/demos/Demos/Gantt/ExportToPDF/Angular/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.css" />
   </head>
   <body class="dx-viewport">
     <div class="demo-container">
diff --git a/apps/demos/Demos/Gantt/ExportToPDF/React/index.html b/apps/demos/Demos/Gantt/ExportToPDF/React/index.html
index 7b47950bbaff..5532c39d1be4 100644
--- a/apps/demos/Demos/Gantt/ExportToPDF/React/index.html
+++ b/apps/demos/Demos/Gantt/ExportToPDF/React/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Gantt/ExportToPDF/ReactJs/index.html b/apps/demos/Demos/Gantt/ExportToPDF/ReactJs/index.html
index 7b47950bbaff..5532c39d1be4 100644
--- a/apps/demos/Demos/Gantt/ExportToPDF/ReactJs/index.html
+++ b/apps/demos/Demos/Gantt/ExportToPDF/ReactJs/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Gantt/ExportToPDF/Vue/index.html b/apps/demos/Demos/Gantt/ExportToPDF/Vue/index.html
index 7369a149272c..ac22e3a71b50 100644
--- a/apps/demos/Demos/Gantt/ExportToPDF/Vue/index.html
+++ b/apps/demos/Demos/Gantt/ExportToPDF/Vue/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Gantt/FilterRow/Angular/index.html b/apps/demos/Demos/Gantt/FilterRow/Angular/index.html
index 7dd155b53981..37a1f593d5a2 100644
--- a/apps/demos/Demos/Gantt/FilterRow/Angular/index.html
+++ b/apps/demos/Demos/Gantt/FilterRow/Angular/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.css" />
   </head>
   <body class="dx-viewport">
     <div class="demo-container">
diff --git a/apps/demos/Demos/Gantt/FilterRow/React/index.html b/apps/demos/Demos/Gantt/FilterRow/React/index.html
index 7b47950bbaff..5532c39d1be4 100644
--- a/apps/demos/Demos/Gantt/FilterRow/React/index.html
+++ b/apps/demos/Demos/Gantt/FilterRow/React/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Gantt/FilterRow/ReactJs/index.html b/apps/demos/Demos/Gantt/FilterRow/ReactJs/index.html
index 7b47950bbaff..5532c39d1be4 100644
--- a/apps/demos/Demos/Gantt/FilterRow/ReactJs/index.html
+++ b/apps/demos/Demos/Gantt/FilterRow/ReactJs/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Gantt/FilterRow/Vue/index.html b/apps/demos/Demos/Gantt/FilterRow/Vue/index.html
index fb771a33adc4..09dffc7edb9b 100644
--- a/apps/demos/Demos/Gantt/FilterRow/Vue/index.html
+++ b/apps/demos/Demos/Gantt/FilterRow/Vue/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.css" />
   </head>
   <body class="dx-viewport">
     <div class="demo-container">
diff --git a/apps/demos/Demos/Gantt/HeaderFilter/Angular/index.html b/apps/demos/Demos/Gantt/HeaderFilter/Angular/index.html
index 7dd155b53981..37a1f593d5a2 100644
--- a/apps/demos/Demos/Gantt/HeaderFilter/Angular/index.html
+++ b/apps/demos/Demos/Gantt/HeaderFilter/Angular/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.css" />
   </head>
   <body class="dx-viewport">
     <div class="demo-container">
diff --git a/apps/demos/Demos/Gantt/HeaderFilter/React/index.html b/apps/demos/Demos/Gantt/HeaderFilter/React/index.html
index 7b47950bbaff..5532c39d1be4 100644
--- a/apps/demos/Demos/Gantt/HeaderFilter/React/index.html
+++ b/apps/demos/Demos/Gantt/HeaderFilter/React/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Gantt/HeaderFilter/ReactJs/index.html b/apps/demos/Demos/Gantt/HeaderFilter/ReactJs/index.html
index 7b47950bbaff..5532c39d1be4 100644
--- a/apps/demos/Demos/Gantt/HeaderFilter/ReactJs/index.html
+++ b/apps/demos/Demos/Gantt/HeaderFilter/ReactJs/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Gantt/HeaderFilter/Vue/index.html b/apps/demos/Demos/Gantt/HeaderFilter/Vue/index.html
index fb771a33adc4..09dffc7edb9b 100644
--- a/apps/demos/Demos/Gantt/HeaderFilter/Vue/index.html
+++ b/apps/demos/Demos/Gantt/HeaderFilter/Vue/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.css" />
   </head>
   <body class="dx-viewport">
     <div class="demo-container">
diff --git a/apps/demos/Demos/Gantt/Overview/Angular/index.html b/apps/demos/Demos/Gantt/Overview/Angular/index.html
index 7dd155b53981..37a1f593d5a2 100644
--- a/apps/demos/Demos/Gantt/Overview/Angular/index.html
+++ b/apps/demos/Demos/Gantt/Overview/Angular/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.css" />
   </head>
   <body class="dx-viewport">
     <div class="demo-container">
diff --git a/apps/demos/Demos/Gantt/Overview/React/index.html b/apps/demos/Demos/Gantt/Overview/React/index.html
index 7b47950bbaff..5532c39d1be4 100644
--- a/apps/demos/Demos/Gantt/Overview/React/index.html
+++ b/apps/demos/Demos/Gantt/Overview/React/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Gantt/Overview/ReactJs/index.html b/apps/demos/Demos/Gantt/Overview/ReactJs/index.html
index 7b47950bbaff..5532c39d1be4 100644
--- a/apps/demos/Demos/Gantt/Overview/ReactJs/index.html
+++ b/apps/demos/Demos/Gantt/Overview/ReactJs/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Gantt/Overview/Vue/index.html b/apps/demos/Demos/Gantt/Overview/Vue/index.html
index 7369a149272c..ac22e3a71b50 100644
--- a/apps/demos/Demos/Gantt/Overview/Vue/index.html
+++ b/apps/demos/Demos/Gantt/Overview/Vue/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Gantt/Sorting/Angular/index.html b/apps/demos/Demos/Gantt/Sorting/Angular/index.html
index 7dd155b53981..37a1f593d5a2 100644
--- a/apps/demos/Demos/Gantt/Sorting/Angular/index.html
+++ b/apps/demos/Demos/Gantt/Sorting/Angular/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.css" />
   </head>
   <body class="dx-viewport">
     <div class="demo-container">
diff --git a/apps/demos/Demos/Gantt/Sorting/React/index.html b/apps/demos/Demos/Gantt/Sorting/React/index.html
index 7b47950bbaff..5532c39d1be4 100644
--- a/apps/demos/Demos/Gantt/Sorting/React/index.html
+++ b/apps/demos/Demos/Gantt/Sorting/React/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Gantt/Sorting/ReactJs/index.html b/apps/demos/Demos/Gantt/Sorting/ReactJs/index.html
index 7b47950bbaff..5532c39d1be4 100644
--- a/apps/demos/Demos/Gantt/Sorting/ReactJs/index.html
+++ b/apps/demos/Demos/Gantt/Sorting/ReactJs/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Gantt/Sorting/Vue/index.html b/apps/demos/Demos/Gantt/Sorting/Vue/index.html
index 7369a149272c..ac22e3a71b50 100644
--- a/apps/demos/Demos/Gantt/Sorting/Vue/index.html
+++ b/apps/demos/Demos/Gantt/Sorting/Vue/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Gantt/StripLines/Angular/index.html b/apps/demos/Demos/Gantt/StripLines/Angular/index.html
index 7dd155b53981..37a1f593d5a2 100644
--- a/apps/demos/Demos/Gantt/StripLines/Angular/index.html
+++ b/apps/demos/Demos/Gantt/StripLines/Angular/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.css" />
   </head>
   <body class="dx-viewport">
     <div class="demo-container">
diff --git a/apps/demos/Demos/Gantt/StripLines/React/index.html b/apps/demos/Demos/Gantt/StripLines/React/index.html
index 7b47950bbaff..5532c39d1be4 100644
--- a/apps/demos/Demos/Gantt/StripLines/React/index.html
+++ b/apps/demos/Demos/Gantt/StripLines/React/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Gantt/StripLines/ReactJs/index.html b/apps/demos/Demos/Gantt/StripLines/ReactJs/index.html
index 7b47950bbaff..5532c39d1be4 100644
--- a/apps/demos/Demos/Gantt/StripLines/ReactJs/index.html
+++ b/apps/demos/Demos/Gantt/StripLines/ReactJs/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Gantt/StripLines/Vue/index.html b/apps/demos/Demos/Gantt/StripLines/Vue/index.html
index 7369a149272c..ac22e3a71b50 100644
--- a/apps/demos/Demos/Gantt/StripLines/Vue/index.html
+++ b/apps/demos/Demos/Gantt/StripLines/Vue/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Gantt/TaskTemplate/Angular/index.html b/apps/demos/Demos/Gantt/TaskTemplate/Angular/index.html
index 7dd155b53981..37a1f593d5a2 100644
--- a/apps/demos/Demos/Gantt/TaskTemplate/Angular/index.html
+++ b/apps/demos/Demos/Gantt/TaskTemplate/Angular/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.css" />
   </head>
   <body class="dx-viewport">
     <div class="demo-container">
diff --git a/apps/demos/Demos/Gantt/TaskTemplate/React/index.html b/apps/demos/Demos/Gantt/TaskTemplate/React/index.html
index 7b47950bbaff..5532c39d1be4 100644
--- a/apps/demos/Demos/Gantt/TaskTemplate/React/index.html
+++ b/apps/demos/Demos/Gantt/TaskTemplate/React/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Gantt/TaskTemplate/ReactJs/index.html b/apps/demos/Demos/Gantt/TaskTemplate/ReactJs/index.html
index 7b47950bbaff..5532c39d1be4 100644
--- a/apps/demos/Demos/Gantt/TaskTemplate/ReactJs/index.html
+++ b/apps/demos/Demos/Gantt/TaskTemplate/ReactJs/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Gantt/TaskTemplate/Vue/index.html b/apps/demos/Demos/Gantt/TaskTemplate/Vue/index.html
index 7369a149272c..ac22e3a71b50 100644
--- a/apps/demos/Demos/Gantt/TaskTemplate/Vue/index.html
+++ b/apps/demos/Demos/Gantt/TaskTemplate/Vue/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Gantt/Toolbar/Angular/index.html b/apps/demos/Demos/Gantt/Toolbar/Angular/index.html
index 7dd155b53981..37a1f593d5a2 100644
--- a/apps/demos/Demos/Gantt/Toolbar/Angular/index.html
+++ b/apps/demos/Demos/Gantt/Toolbar/Angular/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.css" />
   </head>
   <body class="dx-viewport">
     <div class="demo-container">
diff --git a/apps/demos/Demos/Gantt/Toolbar/React/index.html b/apps/demos/Demos/Gantt/Toolbar/React/index.html
index 7b47950bbaff..5532c39d1be4 100644
--- a/apps/demos/Demos/Gantt/Toolbar/React/index.html
+++ b/apps/demos/Demos/Gantt/Toolbar/React/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Gantt/Toolbar/ReactJs/index.html b/apps/demos/Demos/Gantt/Toolbar/ReactJs/index.html
index 7b47950bbaff..5532c39d1be4 100644
--- a/apps/demos/Demos/Gantt/Toolbar/ReactJs/index.html
+++ b/apps/demos/Demos/Gantt/Toolbar/ReactJs/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Gantt/Toolbar/Vue/index.html b/apps/demos/Demos/Gantt/Toolbar/Vue/index.html
index 7369a149272c..ac22e3a71b50 100644
--- a/apps/demos/Demos/Gantt/Toolbar/Vue/index.html
+++ b/apps/demos/Demos/Gantt/Toolbar/Vue/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Gantt/Validation/Angular/index.html b/apps/demos/Demos/Gantt/Validation/Angular/index.html
index 7dd155b53981..37a1f593d5a2 100644
--- a/apps/demos/Demos/Gantt/Validation/Angular/index.html
+++ b/apps/demos/Demos/Gantt/Validation/Angular/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.css" />
   </head>
   <body class="dx-viewport">
     <div class="demo-container">
diff --git a/apps/demos/Demos/Gantt/Validation/React/index.html b/apps/demos/Demos/Gantt/Validation/React/index.html
index 7b47950bbaff..5532c39d1be4 100644
--- a/apps/demos/Demos/Gantt/Validation/React/index.html
+++ b/apps/demos/Demos/Gantt/Validation/React/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Gantt/Validation/ReactJs/index.html b/apps/demos/Demos/Gantt/Validation/ReactJs/index.html
index 7b47950bbaff..5532c39d1be4 100644
--- a/apps/demos/Demos/Gantt/Validation/ReactJs/index.html
+++ b/apps/demos/Demos/Gantt/Validation/ReactJs/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Gantt/Validation/Vue/index.html b/apps/demos/Demos/Gantt/Validation/Vue/index.html
index 7369a149272c..ac22e3a71b50 100644
--- a/apps/demos/Demos/Gantt/Validation/Vue/index.html
+++ b/apps/demos/Demos/Gantt/Validation/Vue/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devexpress-gantt/dist/dx-gantt.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Lookup/Templates/React/index.html b/apps/demos/Demos/Lookup/Templates/React/index.html
index 7b47950bbaff..49ffa5dcc27f 100644
--- a/apps/demos/Demos/Lookup/Templates/React/index.html
+++ b/apps/demos/Demos/Lookup/Templates/React/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Lookup/Templates/ReactJs/index.html b/apps/demos/Demos/Lookup/Templates/ReactJs/index.html
index 7b47950bbaff..49ffa5dcc27f 100644
--- a/apps/demos/Demos/Lookup/Templates/ReactJs/index.html
+++ b/apps/demos/Demos/Lookup/Templates/ReactJs/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Lookup/Templates/Vue/index.html b/apps/demos/Demos/Lookup/Templates/Vue/index.html
index 7369a149272c..90f32feafe4e 100644
--- a/apps/demos/Demos/Lookup/Templates/Vue/index.html
+++ b/apps/demos/Demos/Lookup/Templates/Vue/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Menu/Scrolling/Angular/index.html b/apps/demos/Demos/Menu/Scrolling/Angular/index.html
index 7dd155b53981..3f08cd754b29 100644
--- a/apps/demos/Demos/Menu/Scrolling/Angular/index.html
+++ b/apps/demos/Demos/Menu/Scrolling/Angular/index.html
@@ -8,9 +8,7 @@
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
   </head>
   <body class="dx-viewport">
-    <div class="demo-container">
-      <demo-app>Loading...</demo-app>
-    </div>
+    <demo-app>Loading...</demo-app>
     <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
diff --git a/apps/demos/Demos/Scheduler/SignalRService/Angular/index.html b/apps/demos/Demos/Scheduler/SignalRService/Angular/index.html
index 7dd155b53981..950ccb18e117 100644
--- a/apps/demos/Demos/Scheduler/SignalRService/Angular/index.html
+++ b/apps/demos/Demos/Scheduler/SignalRService/Angular/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <script src="../signalr-session-id.js"></script>
   </head>
   <body class="dx-viewport">
     <div class="demo-container">
diff --git a/apps/demos/Demos/Scheduler/SignalRService/React/index.html b/apps/demos/Demos/Scheduler/SignalRService/React/index.html
index 7b47950bbaff..952e0ab92fee 100644
--- a/apps/demos/Demos/Scheduler/SignalRService/React/index.html
+++ b/apps/demos/Demos/Scheduler/SignalRService/React/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <script src="../signalr-session-id.js"></script>
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Scheduler/SignalRService/ReactJs/index.html b/apps/demos/Demos/Scheduler/SignalRService/ReactJs/index.html
index 7b47950bbaff..952e0ab92fee 100644
--- a/apps/demos/Demos/Scheduler/SignalRService/ReactJs/index.html
+++ b/apps/demos/Demos/Scheduler/SignalRService/ReactJs/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <script src="../signalr-session-id.js"></script>
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Scheduler/SignalRService/Vue/index.html b/apps/demos/Demos/Scheduler/SignalRService/Vue/index.html
index 7369a149272c..0f837a96a5e6 100644
--- a/apps/demos/Demos/Scheduler/SignalRService/Vue/index.html
+++ b/apps/demos/Demos/Scheduler/SignalRService/Vue/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <script src="../signalr-session-id.js"></script>
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Scheduler/Templates/Vue/index.html b/apps/demos/Demos/Scheduler/Templates/Vue/index.html
index 0f5536c9a1d2..81bf74454a07 100644
--- a/apps/demos/Demos/Scheduler/Templates/Vue/index.html
+++ b/apps/demos/Demos/Scheduler/Templates/Vue/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <script src="../../../../node_modules/jquery/dist/jquery.min.js"></script>
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/SelectBox/Grouping/React/index.html b/apps/demos/Demos/SelectBox/Grouping/React/index.html
index 7b47950bbaff..49ffa5dcc27f 100644
--- a/apps/demos/Demos/SelectBox/Grouping/React/index.html
+++ b/apps/demos/Demos/SelectBox/Grouping/React/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/SelectBox/Grouping/ReactJs/index.html b/apps/demos/Demos/SelectBox/Grouping/ReactJs/index.html
index 7b47950bbaff..49ffa5dcc27f 100644
--- a/apps/demos/Demos/SelectBox/Grouping/ReactJs/index.html
+++ b/apps/demos/Demos/SelectBox/Grouping/ReactJs/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/SelectBox/Grouping/Vue/index.html b/apps/demos/Demos/SelectBox/Grouping/Vue/index.html
index 7369a149272c..90f32feafe4e 100644
--- a/apps/demos/Demos/SelectBox/Grouping/Vue/index.html
+++ b/apps/demos/Demos/SelectBox/Grouping/Vue/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/SelectBox/SearchAndEditing/React/index.html b/apps/demos/Demos/SelectBox/SearchAndEditing/React/index.html
index 7b47950bbaff..49ffa5dcc27f 100644
--- a/apps/demos/Demos/SelectBox/SearchAndEditing/React/index.html
+++ b/apps/demos/Demos/SelectBox/SearchAndEditing/React/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/SelectBox/SearchAndEditing/ReactJs/index.html b/apps/demos/Demos/SelectBox/SearchAndEditing/ReactJs/index.html
index 7b47950bbaff..49ffa5dcc27f 100644
--- a/apps/demos/Demos/SelectBox/SearchAndEditing/ReactJs/index.html
+++ b/apps/demos/Demos/SelectBox/SearchAndEditing/ReactJs/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/SelectBox/SearchAndEditing/Vue/index.html b/apps/demos/Demos/SelectBox/SearchAndEditing/Vue/index.html
index 7369a149272c..90f32feafe4e 100644
--- a/apps/demos/Demos/SelectBox/SearchAndEditing/Vue/index.html
+++ b/apps/demos/Demos/SelectBox/SearchAndEditing/Vue/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Slider/Overview/React/index.html b/apps/demos/Demos/Slider/Overview/React/index.html
index 7b47950bbaff..49ffa5dcc27f 100644
--- a/apps/demos/Demos/Slider/Overview/React/index.html
+++ b/apps/demos/Demos/Slider/Overview/React/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Slider/Overview/ReactJs/index.html b/apps/demos/Demos/Slider/Overview/ReactJs/index.html
index 7b47950bbaff..49ffa5dcc27f 100644
--- a/apps/demos/Demos/Slider/Overview/ReactJs/index.html
+++ b/apps/demos/Demos/Slider/Overview/ReactJs/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Slider/Overview/Vue/index.html b/apps/demos/Demos/Slider/Overview/Vue/index.html
index 7369a149272c..90f32feafe4e 100644
--- a/apps/demos/Demos/Slider/Overview/Vue/index.html
+++ b/apps/demos/Demos/Slider/Overview/Vue/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Sortable/Customization/React/index.html b/apps/demos/Demos/Sortable/Customization/React/index.html
index 7b47950bbaff..49ffa5dcc27f 100644
--- a/apps/demos/Demos/Sortable/Customization/React/index.html
+++ b/apps/demos/Demos/Sortable/Customization/React/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Sortable/Customization/ReactJs/index.html b/apps/demos/Demos/Sortable/Customization/ReactJs/index.html
index 7b47950bbaff..49ffa5dcc27f 100644
--- a/apps/demos/Demos/Sortable/Customization/ReactJs/index.html
+++ b/apps/demos/Demos/Sortable/Customization/ReactJs/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Sortable/Customization/Vue/index.html b/apps/demos/Demos/Sortable/Customization/Vue/index.html
index 7369a149272c..90f32feafe4e 100644
--- a/apps/demos/Demos/Sortable/Customization/Vue/index.html
+++ b/apps/demos/Demos/Sortable/Customization/Vue/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/TagBox/Grouping/React/index.html b/apps/demos/Demos/TagBox/Grouping/React/index.html
index 7b47950bbaff..49ffa5dcc27f 100644
--- a/apps/demos/Demos/TagBox/Grouping/React/index.html
+++ b/apps/demos/Demos/TagBox/Grouping/React/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/TagBox/Grouping/ReactJs/index.html b/apps/demos/Demos/TagBox/Grouping/ReactJs/index.html
index 7b47950bbaff..49ffa5dcc27f 100644
--- a/apps/demos/Demos/TagBox/Grouping/ReactJs/index.html
+++ b/apps/demos/Demos/TagBox/Grouping/ReactJs/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/TagBox/Grouping/Vue/index.html b/apps/demos/Demos/TagBox/Grouping/Vue/index.html
index 7369a149272c..90f32feafe4e 100644
--- a/apps/demos/Demos/TagBox/Grouping/Vue/index.html
+++ b/apps/demos/Demos/TagBox/Grouping/Vue/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/VectorMap/BubbleMarkers/Angular/index.html b/apps/demos/Demos/VectorMap/BubbleMarkers/Angular/index.html
index 7dd155b53981..6c25556bab9b 100644
--- a/apps/demos/Demos/VectorMap/BubbleMarkers/Angular/index.html
+++ b/apps/demos/Demos/VectorMap/BubbleMarkers/Angular/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <script src="../../../../node_modules/jquery/dist/jquery.min.js"></script>
   </head>
   <body class="dx-viewport">
     <div class="demo-container">
diff --git a/apps/demos/Demos/VectorMap/ColorsCustomization/Angular/index.html b/apps/demos/Demos/VectorMap/ColorsCustomization/Angular/index.html
index 7dd155b53981..6c25556bab9b 100644
--- a/apps/demos/Demos/VectorMap/ColorsCustomization/Angular/index.html
+++ b/apps/demos/Demos/VectorMap/ColorsCustomization/Angular/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <script src="../../../../node_modules/jquery/dist/jquery.min.js"></script>
   </head>
   <body class="dx-viewport">
     <div class="demo-container">
diff --git a/apps/demos/Demos/VectorMap/CustomProjection/Angular/index.html b/apps/demos/Demos/VectorMap/CustomProjection/Angular/index.html
index 7dd155b53981..6c25556bab9b 100644
--- a/apps/demos/Demos/VectorMap/CustomProjection/Angular/index.html
+++ b/apps/demos/Demos/VectorMap/CustomProjection/Angular/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <script src="../../../../node_modules/jquery/dist/jquery.min.js"></script>
   </head>
   <body class="dx-viewport">
     <div class="demo-container">
diff --git a/apps/demos/Demos/VectorMap/DynamicViewport/Angular/index.html b/apps/demos/Demos/VectorMap/DynamicViewport/Angular/index.html
index 7dd155b53981..6c25556bab9b 100644
--- a/apps/demos/Demos/VectorMap/DynamicViewport/Angular/index.html
+++ b/apps/demos/Demos/VectorMap/DynamicViewport/Angular/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <script src="../../../../node_modules/jquery/dist/jquery.min.js"></script>
   </head>
   <body class="dx-viewport">
     <div class="demo-container">
diff --git a/apps/demos/Demos/VectorMap/ImageMarkers/Angular/index.html b/apps/demos/Demos/VectorMap/ImageMarkers/Angular/index.html
index 7dd155b53981..6c25556bab9b 100644
--- a/apps/demos/Demos/VectorMap/ImageMarkers/Angular/index.html
+++ b/apps/demos/Demos/VectorMap/ImageMarkers/Angular/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <script src="../../../../node_modules/jquery/dist/jquery.min.js"></script>
   </head>
   <body class="dx-viewport">
     <div class="demo-container">
diff --git a/apps/demos/Demos/VectorMap/Legend/Angular/index.html b/apps/demos/Demos/VectorMap/Legend/Angular/index.html
index 7dd155b53981..6c25556bab9b 100644
--- a/apps/demos/Demos/VectorMap/Legend/Angular/index.html
+++ b/apps/demos/Demos/VectorMap/Legend/Angular/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <script src="../../../../node_modules/jquery/dist/jquery.min.js"></script>
   </head>
   <body class="dx-viewport">
     <div class="demo-container">
diff --git a/apps/demos/Demos/VectorMap/MultipleLayers/Angular/index.html b/apps/demos/Demos/VectorMap/MultipleLayers/Angular/index.html
index 7dd155b53981..6c25556bab9b 100644
--- a/apps/demos/Demos/VectorMap/MultipleLayers/Angular/index.html
+++ b/apps/demos/Demos/VectorMap/MultipleLayers/Angular/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <script src="../../../../node_modules/jquery/dist/jquery.min.js"></script>
   </head>
   <body class="dx-viewport">
     <div class="demo-container">
diff --git a/apps/demos/Demos/VectorMap/Overview/Angular/index.html b/apps/demos/Demos/VectorMap/Overview/Angular/index.html
index 7dd155b53981..6c25556bab9b 100644
--- a/apps/demos/Demos/VectorMap/Overview/Angular/index.html
+++ b/apps/demos/Demos/VectorMap/Overview/Angular/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <script src="../../../../node_modules/jquery/dist/jquery.min.js"></script>
   </head>
   <body class="dx-viewport">
     <div class="demo-container">
diff --git a/apps/demos/Demos/VectorMap/Palette/Angular/index.html b/apps/demos/Demos/VectorMap/Palette/Angular/index.html
index 7dd155b53981..6c25556bab9b 100644
--- a/apps/demos/Demos/VectorMap/Palette/Angular/index.html
+++ b/apps/demos/Demos/VectorMap/Palette/Angular/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <script src="../../../../node_modules/jquery/dist/jquery.min.js"></script>
   </head>
   <body class="dx-viewport">
     <div class="demo-container">
diff --git a/apps/demos/Demos/VectorMap/PieMarkers/Angular/index.html b/apps/demos/Demos/VectorMap/PieMarkers/Angular/index.html
index 7dd155b53981..6c25556bab9b 100644
--- a/apps/demos/Demos/VectorMap/PieMarkers/Angular/index.html
+++ b/apps/demos/Demos/VectorMap/PieMarkers/Angular/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <script src="../../../../node_modules/jquery/dist/jquery.min.js"></script>
   </head>
   <body class="dx-viewport">
     <div class="demo-container">
diff --git a/apps/demos/Demos/VectorMap/TooltipsCustomization/Angular/index.html b/apps/demos/Demos/VectorMap/TooltipsCustomization/Angular/index.html
index 7dd155b53981..6c25556bab9b 100644
--- a/apps/demos/Demos/VectorMap/TooltipsCustomization/Angular/index.html
+++ b/apps/demos/Demos/VectorMap/TooltipsCustomization/Angular/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <script src="../../../../node_modules/jquery/dist/jquery.min.js"></script>
   </head>
   <body class="dx-viewport">
     <div class="demo-container">
diff --git a/apps/demos/Demos/VectorMap/ZoomingAndCentering/Angular/index.html b/apps/demos/Demos/VectorMap/ZoomingAndCentering/Angular/index.html
index 7dd155b53981..6c25556bab9b 100644
--- a/apps/demos/Demos/VectorMap/ZoomingAndCentering/Angular/index.html
+++ b/apps/demos/Demos/VectorMap/ZoomingAndCentering/Angular/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
+    <script src="../../../../node_modules/jquery/dist/jquery.min.js"></script>
   </head>
   <body class="dx-viewport">
     <div class="demo-container">
diff --git a/apps/demos/utils/server/csp-bundle-angular.js b/apps/demos/utils/server/csp-bundle-angular.js
index 548391b0af02..00506cbb83f4 100644
--- a/apps/demos/utils/server/csp-bundle-angular.js
+++ b/apps/demos/utils/server/csp-bundle-angular.js
@@ -8,6 +8,7 @@ const path = require('path');
 const fs = require('fs');
 const os = require('os');
 const esbuild = require('esbuild');
+const { extractDemoHeadExtras, extractDemoBodyInner } = require('./demo-html');
 
 const DEMOS_APP_ROOT = path.resolve(__dirname, '..', '..');
 const REPO_ROOT = path.resolve(DEMOS_APP_ROOT, '..', '..');
@@ -103,11 +104,19 @@ function writeDemoTsconfig(entryPath) {
   return writeTsconfig(path.relative(REPO_ROOT, entryPath), [entryPath]);
 }
 
-function buildHtml({ jsFiles, cssFiles }) {
+// A couple of demos add their own markup next to <demo-app> (Charts/AxisLabelCustomization
+// keeps its SVG filter <defs> there), so the body is carried over rather than fixed.
+const DEFAULT_BODY_INNER = `<div class="demo-container">
+      <demo-app>Loading...</demo-app>
+    </div>`;
+
+function buildHtml({ jsFiles, cssFiles, srcDir }) {
   const cssLinks = [
     '<link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />',
+    ...extractDemoHeadExtras(srcDir),
     ...cssFiles.map((f) => `<link rel="stylesheet" type="text/css" href="./${f}" />`),
   ].join('\n    ');
+  const bodyInner = extractDemoBodyInner(srcDir) || DEFAULT_BODY_INNER;
   const scripts = jsFiles
     .map((f) => {
       const src = f.startsWith('.') ? f : `./${f}`;
@@ -125,9 +134,7 @@ function buildHtml({ jsFiles, cssFiles }) {
     ${cssLinks}
   </head>
   <body class="dx-viewport">
-    <div class="demo-container">
-      <demo-app>Loading...</demo-app>
-    </div>
+    ${bodyInner}
     ${scripts}
   </body>
 </html>
@@ -656,7 +663,7 @@ async function bundleDemo(demo, createCompilerPlugin, destDirOverride) {
   ];
   const cssFiles = outputs.filter((o) => o.endsWith('.css')).map((o) => path.basename(o));
 
-  fs.writeFileSync(path.join(destDir, 'index.html'), buildHtml({ jsFiles, cssFiles }));
+  fs.writeFileSync(path.join(destDir, 'index.html'), buildHtml({ jsFiles, cssFiles, srcDir: prepared.srcDir }));
   return { ok: true };
 }
 
@@ -694,7 +701,7 @@ async function bundleDemoBatch(batch, createCompilerPlugin) {
       ANGULAR_ZONE_SCRIPT,
       ...localJsFiles,
     ];
-    fs.writeFileSync(path.join(destDir, 'index.html'), buildHtml({ jsFiles, cssFiles }));
+    fs.writeFileSync(path.join(destDir, 'index.html'), buildHtml({ jsFiles, cssFiles, srcDir: demo.srcDir }));
   }
 
   return { ok: true };
diff --git a/apps/demos/utils/server/csp-bundle.js b/apps/demos/utils/server/csp-bundle.js
index b821546c72d0..9e2c27af40e2 100644
--- a/apps/demos/utils/server/csp-bundle.js
+++ b/apps/demos/utils/server/csp-bundle.js
@@ -7,6 +7,7 @@ const path = require('path');
 const fs = require('fs');
 const os = require('os');
 const esbuild = require('esbuild');
+const { extractDemoHeadExtras, extractDemoBodyInner } = require('./demo-html');
 
 const FRAMEWORK_ARG = (process.argv.find((a) => a.startsWith('--framework=')) || '').split('=')[1];
 const FRAMEWORK = FRAMEWORK_ARG || process.env.CSP_FRAMEWORKS || 'React';
@@ -234,31 +235,16 @@ const DEFAULT_BODY_INNER = `<div class="demo-container">
       <div id="app"></div>
     </div>`;
 
-function extractDemoBodyInner(srcDir) {
-  try {
-    const html = fs.readFileSync(path.join(srcDir, 'index.html'), 'utf8');
-    const bodyMatch = html.match(/<body[^>]*>([\s\S]*?)<\/body>/i);
-    if (!bodyMatch) return null;
-    let withoutScripts = bodyMatch[1];
-    let previous;
-    do {
-      previous = withoutScripts;
-      withoutScripts = withoutScripts.replace(/<script\b[\s\S]*?<\/script\b[^>]*>/gi, '');
-    } while (withoutScripts !== previous);
-    const trimmed = withoutScripts.trim();
-    return trimmed || null;
-  } catch {
-    return null;
-  }
-}
-
 function buildHtml({ jsFile, cssFiles, srcDir }) {
-  const cssLinks = [
+  // Theme first, then whatever the demo declared (dx-gantt.css, font-awesome, …),
+  // then the demo's own styles last — the cascade order the dev page had.
+  const headLinks = [
     '<link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />',
+    ...extractDemoHeadExtras(srcDir),
     ...cssFiles.map((f) => `<link rel="stylesheet" type="text/css" href="./${f}" />`),
   ].join('\n    ');
 
-  const bodyInner = (srcDir && extractDemoBodyInner(srcDir)) || DEFAULT_BODY_INNER;
+  const bodyInner = extractDemoBodyInner(srcDir) || DEFAULT_BODY_INNER;
 
   return `<!DOCTYPE html>
 <html lang="en">
@@ -267,7 +253,7 @@ function buildHtml({ jsFile, cssFiles, srcDir }) {
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
-    ${cssLinks}
+    ${headLinks}
   </head>
   <body class="dx-viewport">
     ${bodyInner}

From 770d202729aec60d1cedd1b9dae9e433688525e8 Mon Sep 17 00:00:00 2001
From: Andrei Vorobev <738482+vorobey@users.noreply.github.com>
Date: Thu, 6 Aug 2026 14:58:27 +0300
Subject: [PATCH 15/16] chore: fix custom head regeneration

---
 apps/demos/utils/server/demo-html.js | 69 ++++++++++++++++++++++++++++
 1 file changed, 69 insertions(+)
 create mode 100644 apps/demos/utils/server/demo-html.js

diff --git a/apps/demos/utils/server/demo-html.js b/apps/demos/utils/server/demo-html.js
new file mode 100644
index 000000000000..c665566c249f
--- /dev/null
+++ b/apps/demos/utils/server/demo-html.js
@@ -0,0 +1,69 @@
+// Carries a demo's own <head>/<body> markup across into the generated index.html.
+const path = require('path');
+const fs = require('fs');
+
+const HEAD_BOILERPLATE = [
+  /systemjs\/dist\/system/,
+  /core-js\/client\/shim/,
+  /\bconfig\.js\b/,
+  /devextreme-dist\/js\/dx\.all(\.debug)?\.js/,
+  /zone\.js\/bundles\/zone\.umd\.js/,
+  /reflect-metadata\/Reflect\.js/,
+  /\/css\/dx\.[^"']+\.css/,
+  /(?:href|src)=["']\.?\/?styles\.css["']/i,
+  /(?:href|src)=["']\.?\/?bundle\.(?:js|css)["']/i,
+];
+
+const LOCAL_SRC_RE = /src=["'](?!https?:|\/|\.\.\/)[\w.-]+\.js["']/i;
+
+const HEAD_TAG_RE = /<link\b[^>]*?>|<script\b[\s\S]*?<\/script\s*>/gi;
+
+function normalizeTag(tag) {
+  const collapsed = tag.replace(/\s+/g, ' ').trim();
+  if (!/^<link\b/i.test(collapsed)) return collapsed;
+  return collapsed.replace(/\s*\/?>$/, ' />');
+}
+
+function extractHeadExtras(html) {
+  const headMatch = html.match(/<head[^>]*>([\s\S]*?)<\/head>/i);
+  if (!headMatch) return [];
+  return (headMatch[1].match(HEAD_TAG_RE) || [])
+    .filter((tag) => /(?:href|src)=/i.test(tag))
+    .filter((tag) => !LOCAL_SRC_RE.test(tag))
+    .filter((tag) => !HEAD_BOILERPLATE.some((re) => re.test(tag)))
+    .map(normalizeTag);
+}
+
+function extractBodyInner(html) {
+  const bodyMatch = html.match(/<body[^>]*>([\s\S]*?)<\/body>/i);
+  if (!bodyMatch) return null;
+  let withoutScripts = bodyMatch[1];
+  let previous;
+  do {
+    previous = withoutScripts;
+    withoutScripts = withoutScripts.replace(/<script\b[\s\S]*?<\/script\b[^>]*>/gi, '');
+  } while (withoutScripts !== previous);
+  return withoutScripts.trim() || null;
+}
+
+function readDemoHtml(srcDir) {
+  try {
+    return fs.readFileSync(path.join(srcDir, 'index.html'), 'utf8');
+  } catch {
+    return null;
+  }
+}
+
+function extractDemoHeadExtras(srcDir) {
+  const html = srcDir && readDemoHtml(srcDir);
+  return html ? extractHeadExtras(html) : [];
+}
+
+function extractDemoBodyInner(srcDir) {
+  const html = srcDir && readDemoHtml(srcDir);
+  return html ? extractBodyInner(html) : null;
+}
+
+module.exports = {
+  extractHeadExtras, extractBodyInner, extractDemoHeadExtras, extractDemoBodyInner,
+};

From e3a7959c2548f69c7b8145b393508c5581194a9f Mon Sep 17 00:00:00 2001
From: Andrei Vorobev <738482+vorobey@users.noreply.github.com>
Date: Thu, 6 Aug 2026 15:39:50 +0300
Subject: [PATCH 16/16] chore: fix demo-html

---
 apps/demos/utils/server/demo-html.js | 47 +++++++++++++++++++---------
 1 file changed, 32 insertions(+), 15 deletions(-)

diff --git a/apps/demos/utils/server/demo-html.js b/apps/demos/utils/server/demo-html.js
index c665566c249f..892cc899bef2 100644
--- a/apps/demos/utils/server/demo-html.js
+++ b/apps/demos/utils/server/demo-html.js
@@ -2,15 +2,8 @@
 const path = require('path');
 const fs = require('fs');
 
-const HEAD_BOILERPLATE = [
-  /systemjs\/dist\/system/,
-  /core-js\/client\/shim/,
-  /\bconfig\.js\b/,
-  /devextreme-dist\/js\/dx\.all(\.debug)?\.js/,
-  /zone\.js\/bundles\/zone\.umd\.js/,
-  /reflect-metadata\/Reflect\.js/,
+const TEMPLATE_TAGS = [
   /\/css\/dx\.[^"']+\.css/,
-  /(?:href|src)=["']\.?\/?styles\.css["']/i,
   /(?:href|src)=["']\.?\/?bundle\.(?:js|css)["']/i,
 ];
 
@@ -18,20 +11,44 @@ const LOCAL_SRC_RE = /src=["'](?!https?:|\/|\.\.\/)[\w.-]+\.js["']/i;
 
 const HEAD_TAG_RE = /<link\b[^>]*?>|<script\b[\s\S]*?<\/script\s*>/gi;
 
+const COMMENT_RE = /<!--[\s\S]*?-->/g;
+
 function normalizeTag(tag) {
   const collapsed = tag.replace(/\s+/g, ' ').trim();
   if (!/^<link\b/i.test(collapsed)) return collapsed;
   return collapsed.replace(/\s*\/?>$/, ' />');
 }
 
-function extractHeadExtras(html) {
+// A bundled demo has no reason to run code from <head> — its entry point is the bundle.
+function warnDroppedInline(tag, context) {
+  const body = tag.replace(/<\/?script[^>]*>/gi, '').trim();
+  if (!body) return;
+  const where = context ? ` in ${context}` : '';
+  console.warn(`demo-html: dropping inline <head> script${where} — move it into the demo's entry point so esbuild bundles it:\n  ${body.split('\n')[0].trim()}`);
+}
+
+function extractHeadExtras(html, context) {
   const headMatch = html.match(/<head[^>]*>([\s\S]*?)<\/head>/i);
   if (!headMatch) return [];
-  return (headMatch[1].match(HEAD_TAG_RE) || [])
-    .filter((tag) => /(?:href|src)=/i.test(tag))
-    .filter((tag) => !LOCAL_SRC_RE.test(tag))
-    .filter((tag) => !HEAD_BOILERPLATE.some((re) => re.test(tag)))
-    .map(normalizeTag);
+
+  // Commented-out tags must not come back to life.
+  const tags = headMatch[1].replace(COMMENT_RE, '').match(HEAD_TAG_RE) || [];
+  const extras = [];
+  const seen = new Set();
+
+  for (const tag of tags) {
+    const url = (tag.match(/(?:href|src)=["']([^"']+)["']/i) || [])[1];
+    if (!url) {
+      warnDroppedInline(tag, context);
+    } else if (!seen.has(url)
+      && !LOCAL_SRC_RE.test(tag)
+      && !TEMPLATE_TAGS.some((re) => re.test(tag))) {
+      seen.add(url);
+      extras.push(normalizeTag(tag));
+    }
+  }
+
+  return extras;
 }
 
 function extractBodyInner(html) {
@@ -56,7 +73,7 @@ function readDemoHtml(srcDir) {
 
 function extractDemoHeadExtras(srcDir) {
   const html = srcDir && readDemoHtml(srcDir);
-  return html ? extractHeadExtras(html) : [];
+  return html ? extractHeadExtras(html, path.relative(process.cwd(), srcDir)) : [];
 }
 
 function extractDemoBodyInner(srcDir) {