feat(cli): add css.removeSourceFile config (#10750)

packages/vant-cli/docs/config.md

@@ -103,7 +103,7 @@ module.exports = {
 - Type: `string`
 - Default: `'less'`
 
-CSS preprocess Config, support `less` and `sass`. Use `less` by default.
+CSS preprocessor config, support `less` and `sass`. Use `less` by default.
 
 ```js
 module.exports = {
@@ -115,6 +115,23 @@ module.exports = {
 };
 ```
 
+### build.css.removeSourceFile
+
+- Type: `boolean`
+- Default: `'false'`
+
+Whether to remove the source style files after build.
+
+```js
+module.exports = {
+  build: {
+    css: {
+      removeSourceFile: true,
+    },
+  },
+};
+```
+
 ### build.site.publicPath
 
 - Type: `string`

packages/vant-cli/docs/config.zh-CN.md

@@ -115,6 +115,23 @@ module.exports = {
 };
 ```
 
+### build.css.removeSourceFile
+
+- Type: `boolean`
+- Default: `'false'`
+
+是否在构建后移除样式文件的源代码。
+
+```js
+module.exports = {
+  build: {
+    css: {
+      removeSourceFile: true,
+    },
+  },
+};
+```
+
 ### build.site.publicPath
 
 - Type: `string`

packages/vant-cli/src/compiler/compile-style.ts

@@ -1,11 +1,13 @@
 import { parse } from 'path';
-import { readFileSync, writeFileSync } from 'fs';
+import fse from 'fs-extra';
-import { replaceExt } from '../common/index.js';
+import { getVantConfig, replaceExt } from '../common/index.js';
 import { compileCss } from './compile-css.js';
 import { compileLess } from './compile-less.js';
 import { compileSass } from './compile-sass.js';
 import { consola } from '../common/logger.js';
 
+const { readFileSync, writeFileSync, removeSync } = fse;
+
 async function compileFile(filePath: string) {
   const parsedPath = parse(filePath);
 
@@ -30,6 +32,11 @@ async function compileFile(filePath: string) {
 
 export async function compileStyle(filePath: string) {
   const css = await compileFile(filePath);
+  const vantConfig = getVantConfig();
+
+  if (vantConfig.build?.css?.removeSourceFile) {
+    removeSync(filePath);
+  }
 
   writeFileSync(replaceExt(filePath, '.css'), css);
 }

packages/vant-cli/src/compiler/gen-component-style.ts

@@ -12,6 +12,7 @@ import {
   ES_DIR,
   SRC_DIR,
   LIB_DIR,
+  getVantConfig,
   STYLE_DEPS_JSON_FILE,
 } from '../common/constant.js';
 
@@ -87,8 +88,10 @@ export function genComponentStyle(
     delete require.cache[STYLE_DEPS_JSON_FILE];
   }
 
+  const vantConfig = getVantConfig();
   const components = getComponents();
   const baseFile = getCssBaseFile();
+  const hasSourceFile = vantConfig.build?.css?.removeSourceFile !== true;
 
   components.forEach((component) => {
     genEntry({
@@ -98,7 +101,7 @@ export function genComponentStyle(
       ext: '.css',
     });
 
-    if (CSS_LANG !== 'css') {
+    if (CSS_LANG !== 'css' && hasSourceFile) {
       genEntry({
         baseFile,
         component,