feat(vite): add cssCodeSplit in build options

nrwl · May 25, 2023 · bc80ed2 · bc80ed2
1 parent 7cc67a3
commit bc80ed2
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 1 deletion.
diff --git a/docs/generated/packages/vite/executors/build.json b/docs/generated/packages/vite/executors/build.json
@@ -88,6 +88,11 @@
         "description": "Force the optimizer to ignore the cache and re-bundle",
         "type": "boolean"
       },
+      "cssCodeSplit": {
+        "description": "Enable/disable CSS code splitting. When enabled, CSS imported in async chunks will be inlined into the async chunk itself and inserted when the chunk is loaded.",
+        "type": "boolean",
+        "default": true
+      },
       "watch": {
         "description": "Enable re-building when files change.",
         "oneOf": [{ "type": "boolean" }, { "type": "object" }],

diff --git a/packages/vite/src/executors/build/schema.d.ts b/packages/vite/src/executors/build/schema.d.ts
@@ -17,4 +17,5 @@ export interface ViteBuildExecutorOptions {
   target?: string | string[];
   generatePackageJson?: boolean;
   includeDevDependenciesInPackageJson?: boolean;
+  cssCodeSplit?: boolean;
 }
diff --git a/packages/vite/src/executors/build/schema.json b/packages/vite/src/executors/build/schema.json
@@ -128,6 +128,11 @@
       "description": "Force the optimizer to ignore the cache and re-bundle",
       "type": "boolean"
     },
+    "cssCodeSplit": {
+      "description": "Enable/disable CSS code splitting. When enabled, CSS imported in async chunks will be inlined into the async chunk itself and inserted when the chunk is loaded.",
+      "type": "boolean",
+      "default": true
+    },
     "watch": {
       "description": "Enable re-building when files change.",
       "oneOf": [

diff --git a/packages/vite/src/utils/options-utils.ts b/packages/vite/src/utils/options-utils.ts
@@ -144,7 +144,7 @@ export function getViteBuildOptions(
     outDir: relative(projectRoot, options.outputPath),
     emptyOutDir: options.emptyOutDir,
     reportCompressedSize: true,
-    cssCodeSplit: true,
+    cssCodeSplit: options.cssCodeSplit,
     target: options.target ?? 'esnext',
     commonjsOptions: {
       transformMixedEsModules: true,