feat: 优化 windicss 配置 (#104)

Co-authored-by: joyzhan <joyzhan@webank.com>

packages/fes-plugin-windicss/src/index.js

@@ -1,6 +1,5 @@
 
 import WindiCSSWebpackPlugin from 'windicss-webpack-plugin';
-import { resolve } from 'path';
 
 export default (api) => {
     api.describe({
@@ -16,10 +15,19 @@ export default (api) => {
     api.addEntryImportsAhead(() => [{ source: 'windi-base.css' }, { source: 'windi-components.css' }, { source: 'windi-utilities.css' }]);
 
     api.chainWebpack((memo, { createCSSRule }) => {
+        const { config, ...otherOption } = api.config.windicss;
         memo.plugin('windicss').use(WindiCSSWebpackPlugin, [
             {
-                config: resolve(__dirname, '../windi.config.js'),
+                config: {
-                ...api.config.windicss
+                    extract: {
+                        // A common use case is scanning files from the root directory
+                        include: ['**/*.{vue,jsx,js,ts,tsx}'],
+                        // if you are excluding files, make sure you always include node_modules and .git
+                        exclude: ['node_modules', '.git', 'dist']
+                    },
+                    ...config
+                },
+                ...otherOption
             }
         ]);
         if (api.env === 'development') {

packages/fes-plugin-windicss/windi.config.js

@@ -1,8 +0,0 @@
-export default {
-    extract: {
-        // A common use case is scanning files from the root directory
-        include: ['**/*.{vue,jsx,js,ts,tsx}'],
-        // if you are excluding files, make sure you always include node_modules and .git
-        exclude: ['node_modules', '.git', 'dist']
-    }
-};

packages/fes-template-h5/.fes.js

@@ -34,5 +34,16 @@ export default {
     ],
     devServer: {
         port: 8000
+    },
+    windicss: {
+        config: {
+            theme: {
+                extend: {
+                    colors: {
+                        green: '#7cb305'
+                    }
+                }
+            }
+        }
     }
 };

packages/fes-template-h5/src/pages/index.vue

@@ -1,5 +1,5 @@
 <template>
-    <div class="onepiece m-10px">
+    <div class="onepiece m-10px text-green">
         fes h5 & 拉夫德鲁<br />
         <fes-icon :spin="true" class="one-icon" type="smile" @click="clickIcon" />
         <HelloWorld />