fix(cli): increase chunk size when build react and web components add terser to minify the code

Author: Hristo Hristov

packages/cli/templates/react/igr-ts/projects/_base/files/vite.config.ts

@@ -4,6 +4,9 @@ import react from '@vitejs/plugin-react'
 
 // https://vitejs.dev/config/
 export default defineConfig({
+  build: {
+    chunkSizeWarningLimit: 10 * 1024 * 1024, // 10 MB
+  },
   plugins: [react()],
   test: {
     globals: true,

packages/cli/templates/webcomponents/igc-ts/projects/_base/files/package.json

@@ -39,6 +39,7 @@
     "eslint-plugin-lit": "^1.8.2",
     "igniteui-cli": "^13.1.5",
     "rimraf": "^5.0.10",
+    "rollup-plugin-terser": "^7.0.2",
     "source-map": "^0.7.4",
     "tslib": "^2.8.1",
     "@types/mocha": "^10.0.6",

packages/cli/templates/webcomponents/igc-ts/projects/_base/files/vite.config.ts

@@ -1,6 +1,7 @@
 import { defineConfig } from 'vite';
 import { VitePWA } from 'vite-plugin-pwa';
 import { viteStaticCopy } from 'vite-plugin-static-copy';
+import { terser } from 'rollup-plugin-terser';
 
 export default defineConfig({
   build: {
@@ -18,8 +19,11 @@ export default defineConfig({
     target: 'es2021',
     minify: 'terser',
     emptyOutDir: false,
+    chunkSizeWarningLimit: 10 * 1024 * 1024 // 10 MB
   },
   plugins: [
+    /** Minify JS */
+    terser(),
     /** Copy static assets */
     viteStaticCopy({
       targets: [