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/.github/workflows/visual-tests-demos.yml b/.github/workflows/visual-tests-demos.yml
index 1b407c0de197..e7b9e9f13204 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,15 @@ jobs:
       needs.build-devextreme.result == 'success'
     env:
       NODE_OPTIONS: --max-old-space-size=8192
+    strategy:
+      fail-fast: false
+      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 +340,36 @@ 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
 
+      # Packed into one tarball rather than uploaded as ~950 loose files: with a
+      # glob path, upload-artifact roots the archive at the least common ancestor
+      # of the matched files, so the Demos/ prefix the consumers extract into
+      # would silently disappear. A single explicit file has no such ambiguity
+      # (and uploads far faster).
+      - name: Pack demo bundles
+        working-directory: apps/demos
+        run: |
+          find Demos \( -name 'bundle.js' -o -name 'bundle.css' \) -print0 \
+            | tar -czf demo-bundles.tgz --null --files-from -
+          tar -tzf demo-bundles.tgz | head -3
+
       - name: Copy build artifacts
         uses: actions/upload-artifact@v7
         with:
-          name: devextreme-bundles
-          path: |
-            apps/demos/bundles/
+          name: devextreme-bundles-${{ matrix.FRAMEWORK }}${{ matrix.SHARD_TOTAL != 1 && format('-shard{0}', matrix.SHARD_INDEX) || '' }}
+          path: apps/demos/demo-bundles.tgz
           retention-days: 1
 
   lint:
@@ -913,18 +938,63 @@ 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).
+    # Every artifact holds a file named demo-bundles.tgz, so each lands in its
+    # own directory and the unpack step below extracts them all into apps/demos,
+    # restoring Demos/<Widget>/<Demo>/<Framework>/bundle.{js,css} — exactly
+    # where each demo's own index.html 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/.demo-bundles/react
 
-    - name: Create bundles dir
-      run: mkdir -p apps/demos/bundles
+    - name: Download demo bundles (Vue)
+      if: startsWith(matrix.CONSTEL, 'vue')
+      uses: actions/download-artifact@v8
+      with:
+        name: devextreme-bundles-Vue
+        path: apps/demos/.demo-bundles/vue
+
+    # 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/.demo-bundles/angular-shard1
+
+    - 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/.demo-bundles/angular-shard2
 
-    - 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/.demo-bundles/angular-shard3
+
+    - name: Unpack demo bundles
+      run: |
+        shopt -s nullglob
+        archives=(apps/demos/.demo-bundles/*/demo-bundles.tgz)
+        if [ ${#archives[@]} -eq 0 ]; then
+          echo "No demo bundle archives downloaded for constellation '${{ matrix.CONSTEL }}'" >&2
+          exit 1
+        fi
+        for archive in "${archives[@]}"; do
+          tar -xzf "$archive" -C apps/demos
+        done
+        rm -rf apps/demos/.demo-bundles
+        echo "Unpacked $(find apps/demos/Demos -name 'bundle.js' | wc -l) demo bundle(s)"
 
     - name: Run Web Server
       run: |
@@ -1049,18 +1119,46 @@ 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).
+      # Every artifact holds a file named demo-bundles.tgz, so each lands in its
+      # own directory and the unpack step below extracts them all into
+      # apps/demos, restoring Demos/<Widget>/<Demo>/<Framework>/bundle.{js,css}.
+      - name: Download demo bundles (React)
+        if: matrix.CONSTEL == 'react'
+        uses: actions/download-artifact@v8
+        with:
+          name: devextreme-bundles-React
+          path: apps/demos/.demo-bundles/react
+
+      - name: Download demo bundles (Vue)
+        if: matrix.CONSTEL == 'vue'
+        uses: actions/download-artifact@v8
+        with:
+          name: devextreme-bundles-Vue
+          path: apps/demos/.demo-bundles/vue
 
-      - name: Create bundles dir
-        run: mkdir -p apps/demos/bundles
+      # 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-Angular-shard1
+          path: apps/demos/.demo-bundles/angular-shard1
+
+      - 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/.demo-bundles/angular-shard2
 
-      - name: Download bundles artifacts
+      - name: Download demo bundles (Angular shard 3)
+        if: matrix.CONSTEL == 'angular'
         uses: actions/download-artifact@v8
         with:
-          name: devextreme-bundles
-          path: apps/demos/bundles
+          name: devextreme-bundles-Angular-shard3
+          path: apps/demos/.demo-bundles/angular-shard3
 
       - name: Download changes artifacts
         uses: actions/download-artifact@v8
@@ -1068,6 +1166,20 @@ jobs:
           name: changed-demos
           path: apps/demos
 
+      - name: Unpack demo bundles
+        run: |
+          shopt -s nullglob
+          archives=(apps/demos/.demo-bundles/*/demo-bundles.tgz)
+          if [ ${#archives[@]} -eq 0 ]; then
+            echo "No demo bundle archives downloaded for constellation '${{ matrix.CONSTEL }}'" >&2
+            exit 1
+          fi
+          for archive in "${archives[@]}"; do
+            tar -xzf "$archive" -C apps/demos
+          done
+          rm -rf apps/demos/.demo-bundles
+          echo "Unpacked $(find apps/demos/Demos -name 'bundle.js' | wc -l) demo bundle(s)"
+
       - name: Run Web Server
         run: |
           python -m http.server 8080 &
@@ -1163,8 +1275,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 +1361,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 +1404,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/.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/.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/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/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/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/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/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/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/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/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/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/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/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..9bb26cdb89e8 100644
--- a/apps/demos/Demos/Button/Icons/Angular/index.html
+++ b/apps/demos/Demos/Button/Icons/Angular/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
@@ -7,21 +7,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=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..49ffa5dcc27f 100644
--- a/apps/demos/Demos/Button/Icons/React/index.html
+++ b/apps/demos/Demos/Button/Icons/React/index.html
@@ -7,19 +7,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=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/ReactJs/index.html b/apps/demos/Demos/Button/Icons/ReactJs/index.html
index cefc207216e7..49ffa5dcc27f 100644
--- a/apps/demos/Demos/Button/Icons/ReactJs/index.html
+++ b/apps/demos/Demos/Button/Icons/ReactJs/index.html
@@ -2,48 +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="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="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">
     <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..90f32feafe4e 100644
--- a/apps/demos/Demos/Button/Icons/Vue/index.html
+++ b/apps/demos/Demos/Button/Icons/Vue/index.html
@@ -7,22 +7,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=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/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/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/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/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..49ffa5dcc27f 100644
--- a/apps/demos/Demos/Calendar/MultipleSelection/React/index.html
+++ b/apps/demos/Demos/Calendar/MultipleSelection/React/index.html
@@ -7,19 +7,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=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/ReactJs/index.html b/apps/demos/Demos/Calendar/MultipleSelection/ReactJs/index.html
index cefc207216e7..49ffa5dcc27f 100644
--- a/apps/demos/Demos/Calendar/MultipleSelection/ReactJs/index.html
+++ b/apps/demos/Demos/Calendar/MultipleSelection/ReactJs/index.html
@@ -2,48 +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="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="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">
     <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..90f32feafe4e 100644
--- a/apps/demos/Demos/Calendar/MultipleSelection/Vue/index.html
+++ b/apps/demos/Demos/Calendar/MultipleSelection/Vue/index.html
@@ -7,23 +7,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=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..49ffa5dcc27f 100644
--- a/apps/demos/Demos/Calendar/Overview/React/index.html
+++ b/apps/demos/Demos/Calendar/Overview/React/index.html
@@ -7,19 +7,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=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/ReactJs/index.html b/apps/demos/Demos/Calendar/Overview/ReactJs/index.html
index cefc207216e7..49ffa5dcc27f 100644
--- a/apps/demos/Demos/Calendar/Overview/ReactJs/index.html
+++ b/apps/demos/Demos/Calendar/Overview/ReactJs/index.html
@@ -2,48 +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="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="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">
     <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..90f32feafe4e 100644
--- a/apps/demos/Demos/Calendar/Overview/Vue/index.html
+++ b/apps/demos/Demos/Calendar/Overview/Vue/index.html
@@ -7,23 +7,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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..e84d5b268851 100644
--- a/apps/demos/Demos/Charts/AxisLabelCustomization/Angular/index.html
+++ b/apps/demos/Demos/Charts/AxisLabelCustomization/Angular/index.html
@@ -1,23 +1,12 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-
-    <script src="config.js"></script>
-    <script>
-      System.import("app").catch(console.error.bind(console));
-    </script>
   </head>
-
   <body class="dx-viewport">
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
@@ -33,5 +22,7 @@
         </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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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..0eba71e12649 100644
--- a/apps/demos/Demos/Charts/SpiderWeb/Angular/index.html
+++ b/apps/demos/Demos/Charts/SpiderWeb/Angular/index.html
@@ -1,27 +1,18 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-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>
+    <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">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../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..08a9b4c2edb3 100644
--- a/apps/demos/Demos/Charts/SpiderWeb/React/index.html
+++ b/apps/demos/Demos/Charts/SpiderWeb/React/index.html
@@ -5,21 +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="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="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">
     <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..08a9b4c2edb3 100644
--- a/apps/demos/Demos/Charts/SpiderWeb/ReactJs/index.html
+++ b/apps/demos/Demos/Charts/SpiderWeb/ReactJs/index.html
@@ -2,50 +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="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="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">
     <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..2de7d709fe93 100644
--- a/apps/demos/Demos/Charts/SpiderWeb/Vue/index.html
+++ b/apps/demos/Demos/Charts/SpiderWeb/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="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="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">
     <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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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..b6dbd51e86ef 100644
--- a/apps/demos/Demos/CheckBox/Overview/React/index.html
+++ b/apps/demos/Demos/CheckBox/Overview/React/index.html
@@ -7,18 +7,11 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=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/ReactJs/index.html b/apps/demos/Demos/CheckBox/Overview/ReactJs/index.html
index 53dab2ed0ca5..b6dbd51e86ef 100644
--- a/apps/demos/Demos/CheckBox/Overview/ReactJs/index.html
+++ b/apps/demos/Demos/CheckBox/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="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" />
+    <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">
       <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..24dd53a053f7 100644
--- a/apps/demos/Demos/CheckBox/Overview/Vue/index.html
+++ b/apps/demos/Demos/CheckBox/Overview/Vue/index.html
@@ -7,23 +7,11 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/SemanticSearch/Vue/index.html b/apps/demos/Demos/DataGrid/SemanticSearch/Vue/index.html
index b21c5e373a7a..ad5986c0652f 100644
--- a/apps/demos/Demos/DataGrid/SemanticSearch/Vue/index.html
+++ b/apps/demos/Demos/DataGrid/SemanticSearch/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="../../../../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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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..49ffa5dcc27f 100644
--- a/apps/demos/Demos/DateRangeBox/Overview/React/index.html
+++ b/apps/demos/Demos/DateRangeBox/Overview/React/index.html
@@ -7,19 +7,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=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/ReactJs/index.html b/apps/demos/Demos/DateRangeBox/Overview/ReactJs/index.html
index cefc207216e7..49ffa5dcc27f 100644
--- a/apps/demos/Demos/DateRangeBox/Overview/ReactJs/index.html
+++ b/apps/demos/Demos/DateRangeBox/Overview/ReactJs/index.html
@@ -2,48 +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="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="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">
     <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..4116cff0f866 100644
--- a/apps/demos/Demos/Diagram/Adaptability/Angular/index.html
+++ b/apps/demos/Demos/Diagram/Adaptability/Angular/index.html
@@ -1,27 +1,18 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <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>
+    <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">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../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..00b7b9bb7a3f 100644
--- a/apps/demos/Demos/Diagram/Adaptability/React/index.html
+++ b/apps/demos/Demos/Diagram/Adaptability/React/index.html
@@ -5,21 +5,15 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <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="../../../../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="styles.css" />
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="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..00b7b9bb7a3f 100644
--- a/apps/demos/Demos/Diagram/Adaptability/ReactJs/index.html
+++ b/apps/demos/Demos/Diagram/Adaptability/ReactJs/index.html
@@ -2,52 +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/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="../../../../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">
     <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..9d946b21b66d 100644
--- a/apps/demos/Demos/Diagram/Adaptability/Vue/index.html
+++ b/apps/demos/Demos/Diagram/Adaptability/Vue/index.html
@@ -5,25 +5,15 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <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="../../../../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" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="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..4116cff0f866 100644
--- a/apps/demos/Demos/Diagram/AdvancedDataBinding/Angular/index.html
+++ b/apps/demos/Demos/Diagram/AdvancedDataBinding/Angular/index.html
@@ -1,27 +1,18 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <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>
+    <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">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../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..00b7b9bb7a3f 100644
--- a/apps/demos/Demos/Diagram/AdvancedDataBinding/React/index.html
+++ b/apps/demos/Demos/Diagram/AdvancedDataBinding/React/index.html
@@ -5,21 +5,15 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <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="../../../../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="styles.css" />
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="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..00b7b9bb7a3f 100644
--- a/apps/demos/Demos/Diagram/AdvancedDataBinding/ReactJs/index.html
+++ b/apps/demos/Demos/Diagram/AdvancedDataBinding/ReactJs/index.html
@@ -2,52 +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/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="../../../../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">
     <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..9d946b21b66d 100644
--- a/apps/demos/Demos/Diagram/AdvancedDataBinding/Vue/index.html
+++ b/apps/demos/Demos/Diagram/AdvancedDataBinding/Vue/index.html
@@ -5,25 +5,15 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <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="../../../../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" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="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..4116cff0f866 100644
--- a/apps/demos/Demos/Diagram/Containers/Angular/index.html
+++ b/apps/demos/Demos/Diagram/Containers/Angular/index.html
@@ -1,27 +1,18 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <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>
+    <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">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../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..00b7b9bb7a3f 100644
--- a/apps/demos/Demos/Diagram/Containers/React/index.html
+++ b/apps/demos/Demos/Diagram/Containers/React/index.html
@@ -5,21 +5,15 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <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="../../../../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="styles.css" />
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="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..00b7b9bb7a3f 100644
--- a/apps/demos/Demos/Diagram/Containers/ReactJs/index.html
+++ b/apps/demos/Demos/Diagram/Containers/ReactJs/index.html
@@ -2,52 +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/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="../../../../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">
     <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..9d946b21b66d 100644
--- a/apps/demos/Demos/Diagram/Containers/Vue/index.html
+++ b/apps/demos/Demos/Diagram/Containers/Vue/index.html
@@ -5,25 +5,15 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <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="../../../../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" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="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..4116cff0f866 100644
--- a/apps/demos/Demos/Diagram/CustomShapesWithIcons/Angular/index.html
+++ b/apps/demos/Demos/Diagram/CustomShapesWithIcons/Angular/index.html
@@ -1,27 +1,18 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <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>
+    <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">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../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..00b7b9bb7a3f 100644
--- a/apps/demos/Demos/Diagram/CustomShapesWithIcons/React/index.html
+++ b/apps/demos/Demos/Diagram/CustomShapesWithIcons/React/index.html
@@ -5,21 +5,15 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <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="../../../../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="styles.css" />
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="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..00b7b9bb7a3f 100644
--- a/apps/demos/Demos/Diagram/CustomShapesWithIcons/ReactJs/index.html
+++ b/apps/demos/Demos/Diagram/CustomShapesWithIcons/ReactJs/index.html
@@ -2,52 +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/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="../../../../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">
     <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..9d946b21b66d 100644
--- a/apps/demos/Demos/Diagram/CustomShapesWithIcons/Vue/index.html
+++ b/apps/demos/Demos/Diagram/CustomShapesWithIcons/Vue/index.html
@@ -5,25 +5,15 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <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="../../../../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" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="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..4116cff0f866 100644
--- a/apps/demos/Demos/Diagram/CustomShapesWithTemplates/Angular/index.html
+++ b/apps/demos/Demos/Diagram/CustomShapesWithTemplates/Angular/index.html
@@ -1,27 +1,18 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <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>
+    <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">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../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..00b7b9bb7a3f 100644
--- a/apps/demos/Demos/Diagram/CustomShapesWithTemplates/React/index.html
+++ b/apps/demos/Demos/Diagram/CustomShapesWithTemplates/React/index.html
@@ -5,21 +5,15 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <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="../../../../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="styles.css" />
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="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..00b7b9bb7a3f 100644
--- a/apps/demos/Demos/Diagram/CustomShapesWithTemplates/ReactJs/index.html
+++ b/apps/demos/Demos/Diagram/CustomShapesWithTemplates/ReactJs/index.html
@@ -2,52 +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/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="../../../../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">
     <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..9d946b21b66d 100644
--- a/apps/demos/Demos/Diagram/CustomShapesWithTemplates/Vue/index.html
+++ b/apps/demos/Demos/Diagram/CustomShapesWithTemplates/Vue/index.html
@@ -5,25 +5,15 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <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="../../../../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" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="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..4116cff0f866 100644
--- a/apps/demos/Demos/Diagram/CustomShapesWithTemplatesWithEditing/Angular/index.html
+++ b/apps/demos/Demos/Diagram/CustomShapesWithTemplatesWithEditing/Angular/index.html
@@ -1,27 +1,18 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <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>
+    <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">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../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..00b7b9bb7a3f 100644
--- a/apps/demos/Demos/Diagram/CustomShapesWithTemplatesWithEditing/React/index.html
+++ b/apps/demos/Demos/Diagram/CustomShapesWithTemplatesWithEditing/React/index.html
@@ -5,21 +5,15 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <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="../../../../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="styles.css" />
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="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..00b7b9bb7a3f 100644
--- a/apps/demos/Demos/Diagram/CustomShapesWithTemplatesWithEditing/ReactJs/index.html
+++ b/apps/demos/Demos/Diagram/CustomShapesWithTemplatesWithEditing/ReactJs/index.html
@@ -2,52 +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/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="../../../../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">
     <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..9d946b21b66d 100644
--- a/apps/demos/Demos/Diagram/CustomShapesWithTemplatesWithEditing/Vue/index.html
+++ b/apps/demos/Demos/Diagram/CustomShapesWithTemplatesWithEditing/Vue/index.html
@@ -5,25 +5,15 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <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="../../../../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" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="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..4116cff0f866 100644
--- a/apps/demos/Demos/Diagram/CustomShapesWithTexts/Angular/index.html
+++ b/apps/demos/Demos/Diagram/CustomShapesWithTexts/Angular/index.html
@@ -1,27 +1,18 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <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>
+    <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">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../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..00b7b9bb7a3f 100644
--- a/apps/demos/Demos/Diagram/CustomShapesWithTexts/React/index.html
+++ b/apps/demos/Demos/Diagram/CustomShapesWithTexts/React/index.html
@@ -5,21 +5,15 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <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="../../../../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="styles.css" />
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="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..00b7b9bb7a3f 100644
--- a/apps/demos/Demos/Diagram/CustomShapesWithTexts/ReactJs/index.html
+++ b/apps/demos/Demos/Diagram/CustomShapesWithTexts/ReactJs/index.html
@@ -2,52 +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/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="../../../../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">
     <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..9d946b21b66d 100644
--- a/apps/demos/Demos/Diagram/CustomShapesWithTexts/Vue/index.html
+++ b/apps/demos/Demos/Diagram/CustomShapesWithTexts/Vue/index.html
@@ -5,25 +5,15 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <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="../../../../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" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="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..4116cff0f866 100644
--- a/apps/demos/Demos/Diagram/ImagesInShapes/Angular/index.html
+++ b/apps/demos/Demos/Diagram/ImagesInShapes/Angular/index.html
@@ -1,27 +1,18 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <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>
+    <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">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../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..00b7b9bb7a3f 100644
--- a/apps/demos/Demos/Diagram/ImagesInShapes/React/index.html
+++ b/apps/demos/Demos/Diagram/ImagesInShapes/React/index.html
@@ -5,21 +5,15 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <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="../../../../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="styles.css" />
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="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..00b7b9bb7a3f 100644
--- a/apps/demos/Demos/Diagram/ImagesInShapes/ReactJs/index.html
+++ b/apps/demos/Demos/Diagram/ImagesInShapes/ReactJs/index.html
@@ -2,52 +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/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="../../../../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">
     <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..9d946b21b66d 100644
--- a/apps/demos/Demos/Diagram/ImagesInShapes/Vue/index.html
+++ b/apps/demos/Demos/Diagram/ImagesInShapes/Vue/index.html
@@ -5,25 +5,15 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <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="../../../../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" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="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..4116cff0f866 100644
--- a/apps/demos/Demos/Diagram/ItemSelection/Angular/index.html
+++ b/apps/demos/Demos/Diagram/ItemSelection/Angular/index.html
@@ -1,27 +1,18 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <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>
+    <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">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../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..00b7b9bb7a3f 100644
--- a/apps/demos/Demos/Diagram/ItemSelection/React/index.html
+++ b/apps/demos/Demos/Diagram/ItemSelection/React/index.html
@@ -5,21 +5,15 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <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="../../../../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="styles.css" />
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="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..00b7b9bb7a3f 100644
--- a/apps/demos/Demos/Diagram/ItemSelection/ReactJs/index.html
+++ b/apps/demos/Demos/Diagram/ItemSelection/ReactJs/index.html
@@ -2,52 +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/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="../../../../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">
     <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..9d946b21b66d 100644
--- a/apps/demos/Demos/Diagram/ItemSelection/Vue/index.html
+++ b/apps/demos/Demos/Diagram/ItemSelection/Vue/index.html
@@ -5,25 +5,15 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <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="../../../../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" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="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..4116cff0f866 100644
--- a/apps/demos/Demos/Diagram/NodesAndEdgesArrays/Angular/index.html
+++ b/apps/demos/Demos/Diagram/NodesAndEdgesArrays/Angular/index.html
@@ -1,27 +1,18 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <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>
+    <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">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../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..00b7b9bb7a3f 100644
--- a/apps/demos/Demos/Diagram/NodesAndEdgesArrays/React/index.html
+++ b/apps/demos/Demos/Diagram/NodesAndEdgesArrays/React/index.html
@@ -5,21 +5,15 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <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="../../../../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="styles.css" />
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="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..00b7b9bb7a3f 100644
--- a/apps/demos/Demos/Diagram/NodesAndEdgesArrays/ReactJs/index.html
+++ b/apps/demos/Demos/Diagram/NodesAndEdgesArrays/ReactJs/index.html
@@ -2,52 +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/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="../../../../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">
     <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..9d946b21b66d 100644
--- a/apps/demos/Demos/Diagram/NodesAndEdgesArrays/Vue/index.html
+++ b/apps/demos/Demos/Diagram/NodesAndEdgesArrays/Vue/index.html
@@ -5,25 +5,15 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <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="../../../../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" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="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..4116cff0f866 100644
--- a/apps/demos/Demos/Diagram/NodesArrayHierarchicalStructure/Angular/index.html
+++ b/apps/demos/Demos/Diagram/NodesArrayHierarchicalStructure/Angular/index.html
@@ -1,27 +1,18 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <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>
+    <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">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../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..00b7b9bb7a3f 100644
--- a/apps/demos/Demos/Diagram/NodesArrayHierarchicalStructure/React/index.html
+++ b/apps/demos/Demos/Diagram/NodesArrayHierarchicalStructure/React/index.html
@@ -5,21 +5,15 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <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="../../../../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="styles.css" />
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="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..00b7b9bb7a3f 100644
--- a/apps/demos/Demos/Diagram/NodesArrayHierarchicalStructure/ReactJs/index.html
+++ b/apps/demos/Demos/Diagram/NodesArrayHierarchicalStructure/ReactJs/index.html
@@ -2,52 +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/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="../../../../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">
     <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..9d946b21b66d 100644
--- a/apps/demos/Demos/Diagram/NodesArrayHierarchicalStructure/Vue/index.html
+++ b/apps/demos/Demos/Diagram/NodesArrayHierarchicalStructure/Vue/index.html
@@ -5,25 +5,15 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <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="../../../../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" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="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..4116cff0f866 100644
--- a/apps/demos/Demos/Diagram/NodesArrayPlainStructure/Angular/index.html
+++ b/apps/demos/Demos/Diagram/NodesArrayPlainStructure/Angular/index.html
@@ -1,27 +1,18 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <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>
+    <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">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../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..00b7b9bb7a3f 100644
--- a/apps/demos/Demos/Diagram/NodesArrayPlainStructure/React/index.html
+++ b/apps/demos/Demos/Diagram/NodesArrayPlainStructure/React/index.html
@@ -5,21 +5,15 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <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="../../../../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="styles.css" />
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="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..00b7b9bb7a3f 100644
--- a/apps/demos/Demos/Diagram/NodesArrayPlainStructure/ReactJs/index.html
+++ b/apps/demos/Demos/Diagram/NodesArrayPlainStructure/ReactJs/index.html
@@ -2,52 +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/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="../../../../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">
     <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..9d946b21b66d 100644
--- a/apps/demos/Demos/Diagram/NodesArrayPlainStructure/Vue/index.html
+++ b/apps/demos/Demos/Diagram/NodesArrayPlainStructure/Vue/index.html
@@ -5,25 +5,15 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <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="../../../../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" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="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..4116cff0f866 100644
--- a/apps/demos/Demos/Diagram/OperationRestrictions/Angular/index.html
+++ b/apps/demos/Demos/Diagram/OperationRestrictions/Angular/index.html
@@ -1,27 +1,18 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <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>
+    <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">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../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..00b7b9bb7a3f 100644
--- a/apps/demos/Demos/Diagram/OperationRestrictions/React/index.html
+++ b/apps/demos/Demos/Diagram/OperationRestrictions/React/index.html
@@ -5,21 +5,15 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <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="../../../../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="styles.css" />
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="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..00b7b9bb7a3f 100644
--- a/apps/demos/Demos/Diagram/OperationRestrictions/ReactJs/index.html
+++ b/apps/demos/Demos/Diagram/OperationRestrictions/ReactJs/index.html
@@ -2,52 +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/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="../../../../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">
     <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..9d946b21b66d 100644
--- a/apps/demos/Demos/Diagram/OperationRestrictions/Vue/index.html
+++ b/apps/demos/Demos/Diagram/OperationRestrictions/Vue/index.html
@@ -5,25 +5,15 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <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="../../../../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" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="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..4116cff0f866 100644
--- a/apps/demos/Demos/Diagram/Overview/Angular/index.html
+++ b/apps/demos/Demos/Diagram/Overview/Angular/index.html
@@ -1,27 +1,18 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <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>
+    <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">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../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..00b7b9bb7a3f 100644
--- a/apps/demos/Demos/Diagram/Overview/React/index.html
+++ b/apps/demos/Demos/Diagram/Overview/React/index.html
@@ -5,21 +5,15 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <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="../../../../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="styles.css" />
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="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..00b7b9bb7a3f 100644
--- a/apps/demos/Demos/Diagram/Overview/ReactJs/index.html
+++ b/apps/demos/Demos/Diagram/Overview/ReactJs/index.html
@@ -2,52 +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/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="../../../../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">
     <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..9d946b21b66d 100644
--- a/apps/demos/Demos/Diagram/Overview/Vue/index.html
+++ b/apps/demos/Demos/Diagram/Overview/Vue/index.html
@@ -5,25 +5,15 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <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="../../../../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" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="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..4116cff0f866 100644
--- a/apps/demos/Demos/Diagram/ReadOnly/Angular/index.html
+++ b/apps/demos/Demos/Diagram/ReadOnly/Angular/index.html
@@ -1,27 +1,18 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <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>
+    <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">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../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..00b7b9bb7a3f 100644
--- a/apps/demos/Demos/Diagram/ReadOnly/React/index.html
+++ b/apps/demos/Demos/Diagram/ReadOnly/React/index.html
@@ -5,21 +5,15 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <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="../../../../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="styles.css" />
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="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..00b7b9bb7a3f 100644
--- a/apps/demos/Demos/Diagram/ReadOnly/ReactJs/index.html
+++ b/apps/demos/Demos/Diagram/ReadOnly/ReactJs/index.html
@@ -2,52 +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/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="../../../../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">
     <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..9d946b21b66d 100644
--- a/apps/demos/Demos/Diagram/ReadOnly/Vue/index.html
+++ b/apps/demos/Demos/Diagram/ReadOnly/Vue/index.html
@@ -5,25 +5,15 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <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="../../../../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" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="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..4116cff0f866 100644
--- a/apps/demos/Demos/Diagram/SimpleView/Angular/index.html
+++ b/apps/demos/Demos/Diagram/SimpleView/Angular/index.html
@@ -1,27 +1,18 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <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>
+    <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">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../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..00b7b9bb7a3f 100644
--- a/apps/demos/Demos/Diagram/SimpleView/React/index.html
+++ b/apps/demos/Demos/Diagram/SimpleView/React/index.html
@@ -5,21 +5,15 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <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="../../../../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="styles.css" />
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="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..00b7b9bb7a3f 100644
--- a/apps/demos/Demos/Diagram/SimpleView/ReactJs/index.html
+++ b/apps/demos/Demos/Diagram/SimpleView/ReactJs/index.html
@@ -2,52 +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/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="../../../../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">
     <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..9d946b21b66d 100644
--- a/apps/demos/Demos/Diagram/SimpleView/Vue/index.html
+++ b/apps/demos/Demos/Diagram/SimpleView/Vue/index.html
@@ -5,25 +5,15 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <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="../../../../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" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="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..4116cff0f866 100644
--- a/apps/demos/Demos/Diagram/UICustomization/Angular/index.html
+++ b/apps/demos/Demos/Diagram/UICustomization/Angular/index.html
@@ -1,27 +1,18 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <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>
+    <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">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../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..00b7b9bb7a3f 100644
--- a/apps/demos/Demos/Diagram/UICustomization/React/index.html
+++ b/apps/demos/Demos/Diagram/UICustomization/React/index.html
@@ -5,21 +5,15 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <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="../../../../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="styles.css" />
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="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..00b7b9bb7a3f 100644
--- a/apps/demos/Demos/Diagram/UICustomization/ReactJs/index.html
+++ b/apps/demos/Demos/Diagram/UICustomization/ReactJs/index.html
@@ -2,52 +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/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="../../../../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">
     <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..9d946b21b66d 100644
--- a/apps/demos/Demos/Diagram/UICustomization/Vue/index.html
+++ b/apps/demos/Demos/Diagram/UICustomization/Vue/index.html
@@ -5,25 +5,15 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <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="../../../../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" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="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..4116cff0f866 100644
--- a/apps/demos/Demos/Diagram/WebAPIService/Angular/index.html
+++ b/apps/demos/Demos/Diagram/WebAPIService/Angular/index.html
@@ -1,27 +1,18 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <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>
+    <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">
       <demo-app>Loading...</demo-app>
     </div>
+    <script src="../../../../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..00b7b9bb7a3f 100644
--- a/apps/demos/Demos/Diagram/WebAPIService/React/index.html
+++ b/apps/demos/Demos/Diagram/WebAPIService/React/index.html
@@ -5,21 +5,15 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <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="../../../../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="styles.css" />
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.tsx");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="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..00b7b9bb7a3f 100644
--- a/apps/demos/Demos/Diagram/WebAPIService/ReactJs/index.html
+++ b/apps/demos/Demos/Diagram/WebAPIService/ReactJs/index.html
@@ -2,52 +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/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="../../../../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">
     <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..9d946b21b66d 100644
--- a/apps/demos/Demos/Diagram/WebAPIService/Vue/index.html
+++ b/apps/demos/Demos/Diagram/WebAPIService/Vue/index.html
@@ -5,25 +5,15 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <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="../../../../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" />
-    <script type="module">
-      import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
-
-      window.vueCompilerSFC = vueCompilerSFC;
-    </script>
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/systemjs/dist/system.js"></script>
-    <script type="text/javascript" src="config.js"></script>
-    <script type="text/javascript">
-      System.import("./index.ts");
-    </script>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="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/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/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/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/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/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/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/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/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/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/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/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/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..37a1f593d5a2 100644
--- a/apps/demos/Demos/FileManager/BindingToEF/Angular/index.html
+++ b/apps/demos/Demos/FileManager/BindingToEF/Angular/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
@@ -7,21 +7,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=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..2c89cbc51caa 100644
--- a/apps/demos/Demos/FileManager/BindingToEF/React/index.html
+++ b/apps/demos/Demos/FileManager/BindingToEF/React/index.html
@@ -7,18 +7,11 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=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/ReactJs/index.html b/apps/demos/Demos/FileManager/BindingToEF/ReactJs/index.html
index 064093ee7ce3..2c89cbc51caa 100644
--- a/apps/demos/Demos/FileManager/BindingToEF/ReactJs/index.html
+++ b/apps/demos/Demos/FileManager/BindingToEF/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=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" />
+    <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">
       <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..09dffc7edb9b 100644
--- a/apps/demos/Demos/FileManager/BindingToEF/Vue/index.html
+++ b/apps/demos/Demos/FileManager/BindingToEF/Vue/index.html
@@ -7,22 +7,11 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=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..37a1f593d5a2 100644
--- a/apps/demos/Demos/FileManager/BindingToFileSystem/Angular/index.html
+++ b/apps/demos/Demos/FileManager/BindingToFileSystem/Angular/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
@@ -7,21 +7,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=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..2c89cbc51caa 100644
--- a/apps/demos/Demos/FileManager/BindingToFileSystem/React/index.html
+++ b/apps/demos/Demos/FileManager/BindingToFileSystem/React/index.html
@@ -7,18 +7,11 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=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/ReactJs/index.html b/apps/demos/Demos/FileManager/BindingToFileSystem/ReactJs/index.html
index 064093ee7ce3..2c89cbc51caa 100644
--- a/apps/demos/Demos/FileManager/BindingToFileSystem/ReactJs/index.html
+++ b/apps/demos/Demos/FileManager/BindingToFileSystem/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=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" />
+    <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">
       <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..09dffc7edb9b 100644
--- a/apps/demos/Demos/FileManager/BindingToFileSystem/Vue/index.html
+++ b/apps/demos/Demos/FileManager/BindingToFileSystem/Vue/index.html
@@ -7,22 +7,11 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=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..37a1f593d5a2 100644
--- a/apps/demos/Demos/FileManager/BindingToHierarchicalStructure/Angular/index.html
+++ b/apps/demos/Demos/FileManager/BindingToHierarchicalStructure/Angular/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
@@ -7,21 +7,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=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..2c89cbc51caa 100644
--- a/apps/demos/Demos/FileManager/BindingToHierarchicalStructure/React/index.html
+++ b/apps/demos/Demos/FileManager/BindingToHierarchicalStructure/React/index.html
@@ -7,18 +7,11 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=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/ReactJs/index.html b/apps/demos/Demos/FileManager/BindingToHierarchicalStructure/ReactJs/index.html
index 064093ee7ce3..2c89cbc51caa 100644
--- a/apps/demos/Demos/FileManager/BindingToHierarchicalStructure/ReactJs/index.html
+++ b/apps/demos/Demos/FileManager/BindingToHierarchicalStructure/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=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" />
+    <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">
       <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..09dffc7edb9b 100644
--- a/apps/demos/Demos/FileManager/BindingToHierarchicalStructure/Vue/index.html
+++ b/apps/demos/Demos/FileManager/BindingToHierarchicalStructure/Vue/index.html
@@ -7,22 +7,11 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=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..37a1f593d5a2 100644
--- a/apps/demos/Demos/FileManager/CustomThumbnails/Angular/index.html
+++ b/apps/demos/Demos/FileManager/CustomThumbnails/Angular/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
@@ -7,21 +7,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=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..2c89cbc51caa 100644
--- a/apps/demos/Demos/FileManager/CustomThumbnails/React/index.html
+++ b/apps/demos/Demos/FileManager/CustomThumbnails/React/index.html
@@ -7,18 +7,11 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=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/ReactJs/index.html b/apps/demos/Demos/FileManager/CustomThumbnails/ReactJs/index.html
index 064093ee7ce3..2c89cbc51caa 100644
--- a/apps/demos/Demos/FileManager/CustomThumbnails/ReactJs/index.html
+++ b/apps/demos/Demos/FileManager/CustomThumbnails/ReactJs/index.html
@@ -2,43 +2,16 @@
 <html lang="en">
   <head>
     <title>DevExtreme Demo</title>
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="IE=edge"
-    />
-    <meta
-      http-equiv="Content-Type"
-      content="text/html; charset=utf-8"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=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" />
+    <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">
       <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..09dffc7edb9b 100644
--- a/apps/demos/Demos/FileManager/CustomThumbnails/Vue/index.html
+++ b/apps/demos/Demos/FileManager/CustomThumbnails/Vue/index.html
@@ -7,22 +7,11 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=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..37a1f593d5a2 100644
--- a/apps/demos/Demos/FileManager/Overview/Angular/index.html
+++ b/apps/demos/Demos/FileManager/Overview/Angular/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
@@ -7,21 +7,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=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..5532c39d1be4 100644
--- a/apps/demos/Demos/FileManager/Overview/React/index.html
+++ b/apps/demos/Demos/FileManager/Overview/React/index.html
@@ -7,19 +7,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=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/ReactJs/index.html b/apps/demos/Demos/FileManager/Overview/ReactJs/index.html
index 5e995c2761f9..5532c39d1be4 100644
--- a/apps/demos/Demos/FileManager/Overview/ReactJs/index.html
+++ b/apps/demos/Demos/FileManager/Overview/ReactJs/index.html
@@ -2,48 +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="../../../../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="../../../../node_modules/devexpress-gantt/dist/dx-gantt.min.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="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..ac22e3a71b50 100644
--- a/apps/demos/Demos/FileManager/Overview/Vue/index.html
+++ b/apps/demos/Demos/FileManager/Overview/Vue/index.html
@@ -7,22 +7,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=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/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/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/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/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/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/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/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/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/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/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/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/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..9bb26cdb89e8 100644
--- a/apps/demos/Demos/FilterBuilder/Customization/Angular/index.html
+++ b/apps/demos/Demos/FilterBuilder/Customization/Angular/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
@@ -7,21 +7,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=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/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/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..9bb26cdb89e8 100644
--- a/apps/demos/Demos/FilterBuilder/WithDataGrid/Angular/index.html
+++ b/apps/demos/Demos/FilterBuilder/WithDataGrid/Angular/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
@@ -7,21 +7,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=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/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/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..9bb26cdb89e8 100644
--- a/apps/demos/Demos/FilterBuilder/WithList/Angular/index.html
+++ b/apps/demos/Demos/FilterBuilder/WithList/Angular/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
@@ -7,21 +7,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=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/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/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/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/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..49ffa5dcc27f 100644
--- a/apps/demos/Demos/Form/Adaptability/React/index.html
+++ b/apps/demos/Demos/Form/Adaptability/React/index.html
@@ -7,19 +7,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=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/ReactJs/index.html b/apps/demos/Demos/Form/Adaptability/ReactJs/index.html
index cefc207216e7..49ffa5dcc27f 100644
--- a/apps/demos/Demos/Form/Adaptability/ReactJs/index.html
+++ b/apps/demos/Demos/Form/Adaptability/ReactJs/index.html
@@ -2,48 +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="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="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">
     <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..90f32feafe4e 100644
--- a/apps/demos/Demos/Form/Adaptability/Vue/index.html
+++ b/apps/demos/Demos/Form/Adaptability/Vue/index.html
@@ -7,22 +7,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=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..49ffa5dcc27f 100644
--- a/apps/demos/Demos/Form/Grouping/React/index.html
+++ b/apps/demos/Demos/Form/Grouping/React/index.html
@@ -7,19 +7,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=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/ReactJs/index.html b/apps/demos/Demos/Form/Grouping/ReactJs/index.html
index cefc207216e7..49ffa5dcc27f 100644
--- a/apps/demos/Demos/Form/Grouping/ReactJs/index.html
+++ b/apps/demos/Demos/Form/Grouping/ReactJs/index.html
@@ -2,48 +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="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="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">
     <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..90f32feafe4e 100644
--- a/apps/demos/Demos/Form/Grouping/Vue/index.html
+++ b/apps/demos/Demos/Form/Grouping/Vue/index.html
@@ -7,22 +7,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=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..49ffa5dcc27f 100644
--- a/apps/demos/Demos/Form/ItemCustomization/React/index.html
+++ b/apps/demos/Demos/Form/ItemCustomization/React/index.html
@@ -7,19 +7,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=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/ReactJs/index.html b/apps/demos/Demos/Form/ItemCustomization/ReactJs/index.html
index cefc207216e7..49ffa5dcc27f 100644
--- a/apps/demos/Demos/Form/ItemCustomization/ReactJs/index.html
+++ b/apps/demos/Demos/Form/ItemCustomization/ReactJs/index.html
@@ -2,48 +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="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="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">
     <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..90f32feafe4e 100644
--- a/apps/demos/Demos/Form/ItemCustomization/Vue/index.html
+++ b/apps/demos/Demos/Form/ItemCustomization/Vue/index.html
@@ -7,22 +7,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=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..49ffa5dcc27f 100644
--- a/apps/demos/Demos/Form/Overview/React/index.html
+++ b/apps/demos/Demos/Form/Overview/React/index.html
@@ -7,19 +7,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=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/ReactJs/index.html b/apps/demos/Demos/Form/Overview/ReactJs/index.html
index cefc207216e7..49ffa5dcc27f 100644
--- a/apps/demos/Demos/Form/Overview/ReactJs/index.html
+++ b/apps/demos/Demos/Form/Overview/ReactJs/index.html
@@ -2,48 +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="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="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">
     <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..90f32feafe4e 100644
--- a/apps/demos/Demos/Form/Overview/Vue/index.html
+++ b/apps/demos/Demos/Form/Overview/Vue/index.html
@@ -7,22 +7,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=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..49ffa5dcc27f 100644
--- a/apps/demos/Demos/Form/SmartPaste/React/index.html
+++ b/apps/demos/Demos/Form/SmartPaste/React/index.html
@@ -5,21 +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="../../../../node_modules/devextreme/dist/css/dx.light.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/Form/SmartPaste/ReactJs/index.html b/apps/demos/Demos/Form/SmartPaste/ReactJs/index.html
index 1b0ce9f58699..49ffa5dcc27f 100644
--- a/apps/demos/Demos/Form/SmartPaste/ReactJs/index.html
+++ b/apps/demos/Demos/Form/SmartPaste/ReactJs/index.html
@@ -2,48 +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="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="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">
     <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..90f32feafe4e 100644
--- a/apps/demos/Demos/Form/SmartPaste/Vue/index.html
+++ b/apps/demos/Demos/Form/SmartPaste/Vue/index.html
@@ -7,22 +7,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=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..49ffa5dcc27f 100644
--- a/apps/demos/Demos/Form/UpdateItemsDynamically/React/index.html
+++ b/apps/demos/Demos/Form/UpdateItemsDynamically/React/index.html
@@ -7,19 +7,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=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/ReactJs/index.html b/apps/demos/Demos/Form/UpdateItemsDynamically/ReactJs/index.html
index cefc207216e7..49ffa5dcc27f 100644
--- a/apps/demos/Demos/Form/UpdateItemsDynamically/ReactJs/index.html
+++ b/apps/demos/Demos/Form/UpdateItemsDynamically/ReactJs/index.html
@@ -2,48 +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="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="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">
     <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..90f32feafe4e 100644
--- a/apps/demos/Demos/Form/UpdateItemsDynamically/Vue/index.html
+++ b/apps/demos/Demos/Form/UpdateItemsDynamically/Vue/index.html
@@ -7,22 +7,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=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..49ffa5dcc27f 100644
--- a/apps/demos/Demos/Form/Validation/React/index.html
+++ b/apps/demos/Demos/Form/Validation/React/index.html
@@ -7,19 +7,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=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/ReactJs/index.html b/apps/demos/Demos/Form/Validation/ReactJs/index.html
index cefc207216e7..49ffa5dcc27f 100644
--- a/apps/demos/Demos/Form/Validation/ReactJs/index.html
+++ b/apps/demos/Demos/Form/Validation/ReactJs/index.html
@@ -2,48 +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="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="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">
     <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..90f32feafe4e 100644
--- a/apps/demos/Demos/Form/Validation/Vue/index.html
+++ b/apps/demos/Demos/Form/Validation/Vue/index.html
@@ -7,22 +7,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=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/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/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/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/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..37a1f593d5a2 100644
--- a/apps/demos/Demos/Gantt/Appearance/Angular/index.html
+++ b/apps/demos/Demos/Gantt/Appearance/Angular/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
@@ -7,21 +7,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=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..5532c39d1be4 100644
--- a/apps/demos/Demos/Gantt/Appearance/React/index.html
+++ b/apps/demos/Demos/Gantt/Appearance/React/index.html
@@ -7,19 +7,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=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/ReactJs/index.html b/apps/demos/Demos/Gantt/Appearance/ReactJs/index.html
index 5e995c2761f9..5532c39d1be4 100644
--- a/apps/demos/Demos/Gantt/Appearance/ReactJs/index.html
+++ b/apps/demos/Demos/Gantt/Appearance/ReactJs/index.html
@@ -2,48 +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="../../../../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="../../../../node_modules/devexpress-gantt/dist/dx-gantt.min.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="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..ac22e3a71b50 100644
--- a/apps/demos/Demos/Gantt/Appearance/Vue/index.html
+++ b/apps/demos/Demos/Gantt/Appearance/Vue/index.html
@@ -7,22 +7,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=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..37a1f593d5a2 100644
--- a/apps/demos/Demos/Gantt/ContextMenu/Angular/index.html
+++ b/apps/demos/Demos/Gantt/ContextMenu/Angular/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
@@ -7,21 +7,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=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..5532c39d1be4 100644
--- a/apps/demos/Demos/Gantt/ContextMenu/React/index.html
+++ b/apps/demos/Demos/Gantt/ContextMenu/React/index.html
@@ -7,19 +7,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=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/ReactJs/index.html b/apps/demos/Demos/Gantt/ContextMenu/ReactJs/index.html
index 5e995c2761f9..5532c39d1be4 100644
--- a/apps/demos/Demos/Gantt/ContextMenu/ReactJs/index.html
+++ b/apps/demos/Demos/Gantt/ContextMenu/ReactJs/index.html
@@ -2,48 +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="../../../../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="../../../../node_modules/devexpress-gantt/dist/dx-gantt.min.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="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..ac22e3a71b50 100644
--- a/apps/demos/Demos/Gantt/ContextMenu/Vue/index.html
+++ b/apps/demos/Demos/Gantt/ContextMenu/Vue/index.html
@@ -7,22 +7,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=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..37a1f593d5a2 100644
--- a/apps/demos/Demos/Gantt/DataBinding/Angular/index.html
+++ b/apps/demos/Demos/Gantt/DataBinding/Angular/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
@@ -7,21 +7,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=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..5532c39d1be4 100644
--- a/apps/demos/Demos/Gantt/DataBinding/React/index.html
+++ b/apps/demos/Demos/Gantt/DataBinding/React/index.html
@@ -7,19 +7,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=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/ReactJs/index.html b/apps/demos/Demos/Gantt/DataBinding/ReactJs/index.html
index 5e995c2761f9..5532c39d1be4 100644
--- a/apps/demos/Demos/Gantt/DataBinding/ReactJs/index.html
+++ b/apps/demos/Demos/Gantt/DataBinding/ReactJs/index.html
@@ -2,48 +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="../../../../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="../../../../node_modules/devexpress-gantt/dist/dx-gantt.min.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="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..ac22e3a71b50 100644
--- a/apps/demos/Demos/Gantt/DataBinding/Vue/index.html
+++ b/apps/demos/Demos/Gantt/DataBinding/Vue/index.html
@@ -7,22 +7,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=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..37a1f593d5a2 100644
--- a/apps/demos/Demos/Gantt/ExportToPDF/Angular/index.html
+++ b/apps/demos/Demos/Gantt/ExportToPDF/Angular/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
@@ -7,21 +7,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=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..5532c39d1be4 100644
--- a/apps/demos/Demos/Gantt/ExportToPDF/React/index.html
+++ b/apps/demos/Demos/Gantt/ExportToPDF/React/index.html
@@ -7,19 +7,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=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/ReactJs/index.html b/apps/demos/Demos/Gantt/ExportToPDF/ReactJs/index.html
index 5e995c2761f9..5532c39d1be4 100644
--- a/apps/demos/Demos/Gantt/ExportToPDF/ReactJs/index.html
+++ b/apps/demos/Demos/Gantt/ExportToPDF/ReactJs/index.html
@@ -2,48 +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="../../../../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="../../../../node_modules/devexpress-gantt/dist/dx-gantt.min.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="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..ac22e3a71b50 100644
--- a/apps/demos/Demos/Gantt/ExportToPDF/Vue/index.html
+++ b/apps/demos/Demos/Gantt/ExportToPDF/Vue/index.html
@@ -7,22 +7,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=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..37a1f593d5a2 100644
--- a/apps/demos/Demos/Gantt/FilterRow/Angular/index.html
+++ b/apps/demos/Demos/Gantt/FilterRow/Angular/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
@@ -7,21 +7,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=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..5532c39d1be4 100644
--- a/apps/demos/Demos/Gantt/FilterRow/React/index.html
+++ b/apps/demos/Demos/Gantt/FilterRow/React/index.html
@@ -7,19 +7,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=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/ReactJs/index.html b/apps/demos/Demos/Gantt/FilterRow/ReactJs/index.html
index 5e995c2761f9..5532c39d1be4 100644
--- a/apps/demos/Demos/Gantt/FilterRow/ReactJs/index.html
+++ b/apps/demos/Demos/Gantt/FilterRow/ReactJs/index.html
@@ -2,48 +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="../../../../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="../../../../node_modules/devexpress-gantt/dist/dx-gantt.min.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="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..09dffc7edb9b 100644
--- a/apps/demos/Demos/Gantt/FilterRow/Vue/index.html
+++ b/apps/demos/Demos/Gantt/FilterRow/Vue/index.html
@@ -7,22 +7,11 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=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..37a1f593d5a2 100644
--- a/apps/demos/Demos/Gantt/HeaderFilter/Angular/index.html
+++ b/apps/demos/Demos/Gantt/HeaderFilter/Angular/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
@@ -7,21 +7,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=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..5532c39d1be4 100644
--- a/apps/demos/Demos/Gantt/HeaderFilter/React/index.html
+++ b/apps/demos/Demos/Gantt/HeaderFilter/React/index.html
@@ -7,19 +7,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=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/ReactJs/index.html b/apps/demos/Demos/Gantt/HeaderFilter/ReactJs/index.html
index 5e995c2761f9..5532c39d1be4 100644
--- a/apps/demos/Demos/Gantt/HeaderFilter/ReactJs/index.html
+++ b/apps/demos/Demos/Gantt/HeaderFilter/ReactJs/index.html
@@ -2,48 +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="../../../../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="../../../../node_modules/devexpress-gantt/dist/dx-gantt.min.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="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..09dffc7edb9b 100644
--- a/apps/demos/Demos/Gantt/HeaderFilter/Vue/index.html
+++ b/apps/demos/Demos/Gantt/HeaderFilter/Vue/index.html
@@ -7,22 +7,11 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=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..37a1f593d5a2 100644
--- a/apps/demos/Demos/Gantt/Overview/Angular/index.html
+++ b/apps/demos/Demos/Gantt/Overview/Angular/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
@@ -7,21 +7,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=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..5532c39d1be4 100644
--- a/apps/demos/Demos/Gantt/Overview/React/index.html
+++ b/apps/demos/Demos/Gantt/Overview/React/index.html
@@ -7,19 +7,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=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/ReactJs/index.html b/apps/demos/Demos/Gantt/Overview/ReactJs/index.html
index 5e995c2761f9..5532c39d1be4 100644
--- a/apps/demos/Demos/Gantt/Overview/ReactJs/index.html
+++ b/apps/demos/Demos/Gantt/Overview/ReactJs/index.html
@@ -2,48 +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="../../../../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="../../../../node_modules/devexpress-gantt/dist/dx-gantt.min.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="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..ac22e3a71b50 100644
--- a/apps/demos/Demos/Gantt/Overview/Vue/index.html
+++ b/apps/demos/Demos/Gantt/Overview/Vue/index.html
@@ -7,22 +7,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=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..37a1f593d5a2 100644
--- a/apps/demos/Demos/Gantt/Sorting/Angular/index.html
+++ b/apps/demos/Demos/Gantt/Sorting/Angular/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
@@ -7,21 +7,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=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..5532c39d1be4 100644
--- a/apps/demos/Demos/Gantt/Sorting/React/index.html
+++ b/apps/demos/Demos/Gantt/Sorting/React/index.html
@@ -7,19 +7,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=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/ReactJs/index.html b/apps/demos/Demos/Gantt/Sorting/ReactJs/index.html
index 5e995c2761f9..5532c39d1be4 100644
--- a/apps/demos/Demos/Gantt/Sorting/ReactJs/index.html
+++ b/apps/demos/Demos/Gantt/Sorting/ReactJs/index.html
@@ -2,48 +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="../../../../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="../../../../node_modules/devexpress-gantt/dist/dx-gantt.min.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="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..ac22e3a71b50 100644
--- a/apps/demos/Demos/Gantt/Sorting/Vue/index.html
+++ b/apps/demos/Demos/Gantt/Sorting/Vue/index.html
@@ -7,22 +7,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=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..37a1f593d5a2 100644
--- a/apps/demos/Demos/Gantt/StripLines/Angular/index.html
+++ b/apps/demos/Demos/Gantt/StripLines/Angular/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
@@ -7,21 +7,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=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..5532c39d1be4 100644
--- a/apps/demos/Demos/Gantt/StripLines/React/index.html
+++ b/apps/demos/Demos/Gantt/StripLines/React/index.html
@@ -7,19 +7,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=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/ReactJs/index.html b/apps/demos/Demos/Gantt/StripLines/ReactJs/index.html
index 5e995c2761f9..5532c39d1be4 100644
--- a/apps/demos/Demos/Gantt/StripLines/ReactJs/index.html
+++ b/apps/demos/Demos/Gantt/StripLines/ReactJs/index.html
@@ -2,48 +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="../../../../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="../../../../node_modules/devexpress-gantt/dist/dx-gantt.min.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="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..ac22e3a71b50 100644
--- a/apps/demos/Demos/Gantt/StripLines/Vue/index.html
+++ b/apps/demos/Demos/Gantt/StripLines/Vue/index.html
@@ -7,22 +7,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=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..37a1f593d5a2 100644
--- a/apps/demos/Demos/Gantt/TaskTemplate/Angular/index.html
+++ b/apps/demos/Demos/Gantt/TaskTemplate/Angular/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
@@ -7,21 +7,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=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..5532c39d1be4 100644
--- a/apps/demos/Demos/Gantt/TaskTemplate/React/index.html
+++ b/apps/demos/Demos/Gantt/TaskTemplate/React/index.html
@@ -7,19 +7,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=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/ReactJs/index.html b/apps/demos/Demos/Gantt/TaskTemplate/ReactJs/index.html
index 5e995c2761f9..5532c39d1be4 100644
--- a/apps/demos/Demos/Gantt/TaskTemplate/ReactJs/index.html
+++ b/apps/demos/Demos/Gantt/TaskTemplate/ReactJs/index.html
@@ -2,48 +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="../../../../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="../../../../node_modules/devexpress-gantt/dist/dx-gantt.min.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="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..ac22e3a71b50 100644
--- a/apps/demos/Demos/Gantt/TaskTemplate/Vue/index.html
+++ b/apps/demos/Demos/Gantt/TaskTemplate/Vue/index.html
@@ -7,22 +7,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=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..37a1f593d5a2 100644
--- a/apps/demos/Demos/Gantt/Toolbar/Angular/index.html
+++ b/apps/demos/Demos/Gantt/Toolbar/Angular/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
@@ -7,21 +7,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=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..5532c39d1be4 100644
--- a/apps/demos/Demos/Gantt/Toolbar/React/index.html
+++ b/apps/demos/Demos/Gantt/Toolbar/React/index.html
@@ -7,19 +7,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=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/ReactJs/index.html b/apps/demos/Demos/Gantt/Toolbar/ReactJs/index.html
index 5e995c2761f9..5532c39d1be4 100644
--- a/apps/demos/Demos/Gantt/Toolbar/ReactJs/index.html
+++ b/apps/demos/Demos/Gantt/Toolbar/ReactJs/index.html
@@ -2,48 +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="../../../../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="../../../../node_modules/devexpress-gantt/dist/dx-gantt.min.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="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..ac22e3a71b50 100644
--- a/apps/demos/Demos/Gantt/Toolbar/Vue/index.html
+++ b/apps/demos/Demos/Gantt/Toolbar/Vue/index.html
@@ -7,22 +7,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=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..37a1f593d5a2 100644
--- a/apps/demos/Demos/Gantt/Validation/Angular/index.html
+++ b/apps/demos/Demos/Gantt/Validation/Angular/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
@@ -7,21 +7,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=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..5532c39d1be4 100644
--- a/apps/demos/Demos/Gantt/Validation/React/index.html
+++ b/apps/demos/Demos/Gantt/Validation/React/index.html
@@ -7,19 +7,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=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/ReactJs/index.html b/apps/demos/Demos/Gantt/Validation/ReactJs/index.html
index 5e995c2761f9..5532c39d1be4 100644
--- a/apps/demos/Demos/Gantt/Validation/ReactJs/index.html
+++ b/apps/demos/Demos/Gantt/Validation/ReactJs/index.html
@@ -2,48 +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="../../../../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="../../../../node_modules/devexpress-gantt/dist/dx-gantt.min.css" />
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="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..ac22e3a71b50 100644
--- a/apps/demos/Demos/Gantt/Validation/Vue/index.html
+++ b/apps/demos/Demos/Gantt/Validation/Vue/index.html
@@ -7,22 +7,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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..49ffa5dcc27f 100644
--- a/apps/demos/Demos/Lookup/Templates/React/index.html
+++ b/apps/demos/Demos/Lookup/Templates/React/index.html
@@ -7,19 +7,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=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/ReactJs/index.html b/apps/demos/Demos/Lookup/Templates/ReactJs/index.html
index cefc207216e7..49ffa5dcc27f 100644
--- a/apps/demos/Demos/Lookup/Templates/ReactJs/index.html
+++ b/apps/demos/Demos/Lookup/Templates/ReactJs/index.html
@@ -2,48 +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="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="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">
     <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..90f32feafe4e 100644
--- a/apps/demos/Demos/Lookup/Templates/Vue/index.html
+++ b/apps/demos/Demos/Lookup/Templates/Vue/index.html
@@ -7,22 +7,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=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/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/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/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/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/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/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/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/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..3f08cd754b29 100644
--- a/apps/demos/Demos/Menu/Scrolling/Angular/index.html
+++ b/apps/demos/Demos/Menu/Scrolling/Angular/index.html
@@ -1,24 +1,15 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
-    <script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="../../../../node_modules/systemjs/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>
+    <script src="../../../../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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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>
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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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..950ccb18e117 100644
--- a/apps/demos/Demos/Scheduler/SignalRService/Angular/index.html
+++ b/apps/demos/Demos/Scheduler/SignalRService/Angular/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
@@ -7,21 +7,12 @@
     <meta name="viewport" content="width=device-width, initial-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..952e0ab92fee 100644
--- a/apps/demos/Demos/Scheduler/SignalRService/React/index.html
+++ b/apps/demos/Demos/Scheduler/SignalRService/React/index.html
@@ -7,19 +7,12 @@
     <meta name="viewport" content="width=device-width, initial-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/ReactJs/index.html b/apps/demos/Demos/Scheduler/SignalRService/ReactJs/index.html
index 4828e70dfadb..952e0ab92fee 100644
--- a/apps/demos/Demos/Scheduler/SignalRService/ReactJs/index.html
+++ b/apps/demos/Demos/Scheduler/SignalRService/ReactJs/index.html
@@ -2,44 +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"
-    />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-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>
+    <link rel="stylesheet" type="text/css" href="./bundle.css" />
   </head>
-
   <body class="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..0f837a96a5e6 100644
--- a/apps/demos/Demos/Scheduler/SignalRService/Vue/index.html
+++ b/apps/demos/Demos/Scheduler/SignalRService/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="../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/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/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/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/Templates/Vue/index.html b/apps/demos/Demos/Scheduler/Templates/Vue/index.html
index 0631e671f9d9..81bf74454a07 100644
--- a/apps/demos/Demos/Scheduler/Templates/Vue/index.html
+++ b/apps/demos/Demos/Scheduler/Templates/Vue/index.html
@@ -5,26 +5,15 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-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>
+    <script src="../../../../node_modules/jquery/dist/jquery.min.js"></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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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..49ffa5dcc27f 100644
--- a/apps/demos/Demos/SelectBox/Grouping/React/index.html
+++ b/apps/demos/Demos/SelectBox/Grouping/React/index.html
@@ -7,19 +7,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=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/ReactJs/index.html b/apps/demos/Demos/SelectBox/Grouping/ReactJs/index.html
index cefc207216e7..49ffa5dcc27f 100644
--- a/apps/demos/Demos/SelectBox/Grouping/ReactJs/index.html
+++ b/apps/demos/Demos/SelectBox/Grouping/ReactJs/index.html
@@ -2,48 +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="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="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">
     <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..90f32feafe4e 100644
--- a/apps/demos/Demos/SelectBox/Grouping/Vue/index.html
+++ b/apps/demos/Demos/SelectBox/Grouping/Vue/index.html
@@ -7,23 +7,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=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/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/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..49ffa5dcc27f 100644
--- a/apps/demos/Demos/SelectBox/SearchAndEditing/React/index.html
+++ b/apps/demos/Demos/SelectBox/SearchAndEditing/React/index.html
@@ -7,19 +7,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=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/ReactJs/index.html b/apps/demos/Demos/SelectBox/SearchAndEditing/ReactJs/index.html
index cefc207216e7..49ffa5dcc27f 100644
--- a/apps/demos/Demos/SelectBox/SearchAndEditing/ReactJs/index.html
+++ b/apps/demos/Demos/SelectBox/SearchAndEditing/ReactJs/index.html
@@ -2,48 +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="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="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">
     <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..90f32feafe4e 100644
--- a/apps/demos/Demos/SelectBox/SearchAndEditing/Vue/index.html
+++ b/apps/demos/Demos/SelectBox/SearchAndEditing/Vue/index.html
@@ -7,23 +7,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=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..49ffa5dcc27f 100644
--- a/apps/demos/Demos/Slider/Overview/React/index.html
+++ b/apps/demos/Demos/Slider/Overview/React/index.html
@@ -7,19 +7,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=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/ReactJs/index.html b/apps/demos/Demos/Slider/Overview/ReactJs/index.html
index cefc207216e7..49ffa5dcc27f 100644
--- a/apps/demos/Demos/Slider/Overview/ReactJs/index.html
+++ b/apps/demos/Demos/Slider/Overview/ReactJs/index.html
@@ -2,48 +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="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="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">
     <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..90f32feafe4e 100644
--- a/apps/demos/Demos/Slider/Overview/Vue/index.html
+++ b/apps/demos/Demos/Slider/Overview/Vue/index.html
@@ -7,22 +7,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=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..49ffa5dcc27f 100644
--- a/apps/demos/Demos/Sortable/Customization/React/index.html
+++ b/apps/demos/Demos/Sortable/Customization/React/index.html
@@ -7,19 +7,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=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/ReactJs/index.html b/apps/demos/Demos/Sortable/Customization/ReactJs/index.html
index cefc207216e7..49ffa5dcc27f 100644
--- a/apps/demos/Demos/Sortable/Customization/ReactJs/index.html
+++ b/apps/demos/Demos/Sortable/Customization/ReactJs/index.html
@@ -2,48 +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="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="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">
     <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..90f32feafe4e 100644
--- a/apps/demos/Demos/Sortable/Customization/Vue/index.html
+++ b/apps/demos/Demos/Sortable/Customization/Vue/index.html
@@ -7,22 +7,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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..49ffa5dcc27f 100644
--- a/apps/demos/Demos/TagBox/Grouping/React/index.html
+++ b/apps/demos/Demos/TagBox/Grouping/React/index.html
@@ -7,19 +7,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=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/ReactJs/index.html b/apps/demos/Demos/TagBox/Grouping/ReactJs/index.html
index cefc207216e7..49ffa5dcc27f 100644
--- a/apps/demos/Demos/TagBox/Grouping/ReactJs/index.html
+++ b/apps/demos/Demos/TagBox/Grouping/ReactJs/index.html
@@ -2,48 +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="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="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">
     <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..90f32feafe4e 100644
--- a/apps/demos/Demos/TagBox/Grouping/Vue/index.html
+++ b/apps/demos/Demos/TagBox/Grouping/Vue/index.html
@@ -7,23 +7,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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..6c25556bab9b 100644
--- a/apps/demos/Demos/VectorMap/BubbleMarkers/Angular/index.html
+++ b/apps/demos/Demos/VectorMap/BubbleMarkers/Angular/index.html
@@ -1,28 +1,18 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/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/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/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..6c25556bab9b 100644
--- a/apps/demos/Demos/VectorMap/ColorsCustomization/Angular/index.html
+++ b/apps/demos/Demos/VectorMap/ColorsCustomization/Angular/index.html
@@ -1,28 +1,18 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/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/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/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/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/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/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/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..6c25556bab9b 100644
--- a/apps/demos/Demos/VectorMap/CustomProjection/Angular/index.html
+++ b/apps/demos/Demos/VectorMap/CustomProjection/Angular/index.html
@@ -1,28 +1,18 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/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/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/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..6c25556bab9b 100644
--- a/apps/demos/Demos/VectorMap/DynamicViewport/Angular/index.html
+++ b/apps/demos/Demos/VectorMap/DynamicViewport/Angular/index.html
@@ -1,28 +1,18 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/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/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/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/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/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..6c25556bab9b 100644
--- a/apps/demos/Demos/VectorMap/ImageMarkers/Angular/index.html
+++ b/apps/demos/Demos/VectorMap/ImageMarkers/Angular/index.html
@@ -1,28 +1,18 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/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/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/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..6c25556bab9b 100644
--- a/apps/demos/Demos/VectorMap/Legend/Angular/index.html
+++ b/apps/demos/Demos/VectorMap/Legend/Angular/index.html
@@ -1,28 +1,18 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/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/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/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..6c25556bab9b 100644
--- a/apps/demos/Demos/VectorMap/MultipleLayers/Angular/index.html
+++ b/apps/demos/Demos/VectorMap/MultipleLayers/Angular/index.html
@@ -1,28 +1,18 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/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/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/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..6c25556bab9b 100644
--- a/apps/demos/Demos/VectorMap/Overview/Angular/index.html
+++ b/apps/demos/Demos/VectorMap/Overview/Angular/index.html
@@ -1,28 +1,18 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/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/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/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..6c25556bab9b 100644
--- a/apps/demos/Demos/VectorMap/Palette/Angular/index.html
+++ b/apps/demos/Demos/VectorMap/Palette/Angular/index.html
@@ -1,28 +1,18 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/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/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/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..6c25556bab9b 100644
--- a/apps/demos/Demos/VectorMap/PieMarkers/Angular/index.html
+++ b/apps/demos/Demos/VectorMap/PieMarkers/Angular/index.html
@@ -1,28 +1,18 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/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/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/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..6c25556bab9b 100644
--- a/apps/demos/Demos/VectorMap/TooltipsCustomization/Angular/index.html
+++ b/apps/demos/Demos/VectorMap/TooltipsCustomization/Angular/index.html
@@ -1,28 +1,18 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/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/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/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..6c25556bab9b 100644
--- a/apps/demos/Demos/VectorMap/ZoomingAndCentering/Angular/index.html
+++ b/apps/demos/Demos/VectorMap/ZoomingAndCentering/Angular/index.html
@@ -1,28 +1,18 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html lang="en">
   <head>
     <title>DevExtreme Demo</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
-
-    <script src="../../../../node_modules/core-js/client/shim.min.js"></script>
-    <script src="../../../../node_modules/zone.js/bundles/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/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>
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>
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/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;
       };
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"
           }
         ]
       }
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/build/build-angular-demo.js b/apps/demos/utils/build/build-angular-demo.js
new file mode 100644
index 000000000000..d2dc09950eb2
--- /dev/null
+++ b/apps/demos/utils/build/build-angular-demo.js
@@ -0,0 +1,42 @@
+const {
+  resolveAngularBuildPrivate,
+  findAngularEntry,
+  prepareDemo,
+  discoverComponentStyleFiles,
+  computeGlobalShims,
+  installShims,
+  removeShims,
+  cleanupPatchedTsFiles,
+  bundleDemo,
+} = require('../server/csp-bundle-angular');
+
+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..e1ec277c9b9f
--- /dev/null
+++ b/apps/demos/utils/build/build-react-vue-demo.js
@@ -0,0 +1,7 @@
+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/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/server/csp-bundle-angular.js b/apps/demos/utils/server/csp-bundle-angular.js
index 829db5ab6438..00506cbb83f4 100644
--- a/apps/demos/utils/server/csp-bundle-angular.js
+++ b/apps/demos/utils/server/csp-bundle-angular.js
@@ -8,11 +8,17 @@ 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, '..', '..');
 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';
 
@@ -66,14 +72,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', {
@@ -106,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}`;
@@ -128,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>
@@ -150,8 +154,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) {
@@ -164,16 +167,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 ----
@@ -629,9 +628,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 +649,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' };
 
@@ -660,7 +663,7 @@ async function bundleDemo(demo, createCompilerPlugin) {
   ];
   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 };
 }
 
@@ -698,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 };
@@ -729,8 +732,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);
@@ -749,14 +754,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;
@@ -853,4 +854,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..9e2c27af40e2 100644
--- a/apps/demos/utils/server/csp-bundle.js
+++ b/apps/demos/utils/server/csp-bundle.js
@@ -7,11 +7,15 @@ 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';
 
-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);
@@ -19,9 +23,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 +179,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`.
@@ -211,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">
@@ -244,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}
@@ -254,17 +263,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 +292,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 +337,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 +392,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/server/csp-check.js b/apps/demos/utils/server/csp-check.js
index be5661116fd3..32e47f847f0b 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);
@@ -75,11 +71,21 @@ function findChrome() {
 
 const CHROME_PATH = findChrome();
 
+// The CI job that runs this script bundles only its own shard (csp-bundle.js
+// applies the same round-robin split), so checking must use the identical
+// partition. Checking a demo another shard bundled means no bundle.js on disk,
+// which costs a 30s render deadline plus a retry each — enough to blow the
+// job's timeout rather than fail.
+const SHARD_TOTAL = Math.max(1, parseInt(process.env.CSP_SHARD_TOTAL, 10) || 1);
+const SHARD_INDEX = (() => {
+  const n = parseInt(process.env.CSP_SHARD_INDEX, 10);
+  return n >= 1 && n <= SHARD_TOTAL ? n : 1;
+})();
+
 const DEBUG_PORT = (() => {
   const fromEnv = parseInt(process.env.CSP_DEBUG_PORT, 10);
   if (fromEnv > 0) return fromEnv;
-  const shardIndex = parseInt(process.env.CSP_SHARD_INDEX, 10) || 1;
-  return 20222 + ((shardIndex - 1) % 20);
+  return 20222 + ((SHARD_INDEX - 1) % 20);
 })();
 const CHROME_USER_DATA_DIR = process.env.CSP_CHROME_USER_DATA_DIR
   || join(os.tmpdir(), 'csp-chrome-shared');
@@ -170,8 +176,18 @@ async function waitForDebugger(port, maxWaitMs = 15000) {
   throw new Error(`Chrome debugger did not start on port ${port}`);
 }
 
+// Same round-robin split as csp-bundle.js's applyShard(), on the same sort key,
+// so shard k checks exactly the demos shard k bundled.
+function applyShard(demos) {
+  if (SHARD_TOTAL <= 1) return demos;
+  const sorted = [...demos].sort(
+    (a, b) => `${a.widget}/${a.demo}`.localeCompare(`${b.widget}/${b.demo}`),
+  );
+  return sorted.filter((_, i) => i % SHARD_TOTAL === SHARD_INDEX - 1);
+}
+
 function findDemos() {
-  const demosDirName = USE_BUNDLED ? 'csp-bundled-demos' : 'Demos';
+  const demosDirName = 'Demos';
   const demosDir = join(DEMO_ROOT, demosDirName);
   const result = [];
 
@@ -203,7 +219,7 @@ function findDemos() {
     }
   }
 
-  return result;
+  return applyShard(result);
 }
 
 // Wait until the DOM is quiet after load so late-rendered resources fire their
@@ -374,11 +390,12 @@ 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();
-  console.log(`Found ${demos.length} demo page(s) to check\n`);
+  const shardNote = SHARD_TOTAL > 1 ? ` — shard ${SHARD_INDEX}/${SHARD_TOTAL}` : '';
+  console.log(`Found ${demos.length} demo page(s) to check${shardNote}\n`);
 
   if (demos.length === 0) {
     console.log('No demos found. Exiting.');
@@ -443,9 +460,7 @@ async function main() {
   }
 
   // Suffix the report filename per shard so parallel jobs don't overwrite it.
-  const shardTotal = Math.max(1, parseInt(process.env.CSP_SHARD_TOTAL, 10) || 1);
-  const shardIndex = parseInt(process.env.CSP_SHARD_INDEX, 10) || 1;
-  const reportSuffix = shardTotal > 1 ? `-shard${shardIndex}` : '';
+  const reportSuffix = SHARD_TOTAL > 1 ? `-shard${SHARD_INDEX}` : '';
   const reportFile = join(REPORT_DIR, `csp-violations-${FRAMEWORK.toLowerCase()}${reportSuffix}.jsonl`);
 
   if (allViolations.length > 0) {
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, () => {
diff --git a/apps/demos/utils/server/demo-html.js b/apps/demos/utils/server/demo-html.js
new file mode 100644
index 000000000000..892cc899bef2
--- /dev/null
+++ b/apps/demos/utils/server/demo-html.js
@@ -0,0 +1,86 @@
+// Carries a demo's own <head>/<body> markup across into the generated index.html.
+const path = require('path');
+const fs = require('fs');
+
+const TEMPLATE_TAGS = [
+  /\/css\/dx\.[^"']+\.css/,
+  /(?: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;
+
+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*\/?>$/, ' />');
+}
+
+// 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 [];
+
+  // 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) {
+  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, path.relative(process.cwd(), srcDir)) : [];
+}
+
+function extractDemoBodyInner(srcDir) {
+  const html = srcDir && readDemoHtml(srcDir);
+  return html ? extractBodyInner(html) : null;
+}
+
+module.exports = {
+  extractHeadExtras, extractBodyInner, extractDemoHeadExtras, extractDemoBodyInner,
+};
diff --git a/apps/demos/utils/shell/server.js b/apps/demos/utils/shell/server.js
index 53a03408167d..33b2f7ff9c11 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', 'ReactJs', '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/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/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>
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(
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'),
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,
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..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
@@ -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;
 
@@ -253,7 +218,7 @@ export class DataController extends DataHelperMixin(modules.Controller) {
     this.dataErrorOccurred.add((error) => this.executeAction('onDataErrorOccurred', { error }));
 
     this._refreshDataSource();
-    this.postCtor();
+    this.postInit();
   }
 
   /**
@@ -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() {
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;
   }
 };
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