Explorar o código

chore: 支持自定义主题

zhangyuhan hai 1 ano
pai
achega
112c02685b
Modificáronse 3 ficheiros con 13 adicións e 5 borrados
  1. 2 1
      babel.config.js
  2. 10 3
      config/index.js
  3. 1 1
      src/assets/style/vant.theme.less

+ 2 - 1
babel.config.js

@@ -11,7 +11,8 @@ module.exports = {
     ['import', {
       libraryName: 'vant',
       libraryDirectory: 'es',
-      style: true
+      // 指定样式路径
+      style: (name) => `${name}/style/less`,
     }, 'vant']
   ]
 }

+ 10 - 3
config/index.js

@@ -107,12 +107,19 @@ export default defineConfig(async (merge, { command, mode }) => {
       },
     },
     mini: {
-      // miniCssExtractPluginOption: {
-      //   ignoreOrder: true
-      // },
+      miniCssExtractPluginOption: {
+        ignoreOrder: true
+      },
       // optimizeMainPackage: {
       //   enable: true
       // },
+      lessLoaderOption: {
+        lessOptions: {
+          modifyVars: {
+            hack: 'true; @import "@/assets/style/vant.theme.less";'
+          },
+        },
+      },
       optimizeMainPackage: {
         enable: false,
         // exclude: [(module) => module.resource?.indexOf('miniprogram-sm-crypto') >= 0],

+ 1 - 1
src/assets/style/vant.theme.less

@@ -22,7 +22,7 @@
 @button-normal-font-size: 16px;
 
 // Cell
-@cell-font-size: @font-size-lg;
+@cell-font-size: 16px;
 @cell-right-icon-color: #c0c4cc;
 
 // Dialog var reset