feat

babel.config.js

@@ -8,14 +8,14 @@ module.exports = {
     }]
   ],
   plugins: [
-    [
-      "import",
-      {
-        libraryName: "@antmjs/vantui",
-        libraryDirectory: "es",
-        style: (name) => `${name}/style/less`,
-      },
-      "@antmjs/vantui"
-    ]
+    // [
+    //   "import",
+    //   {
+    //     libraryName: "@antmjs/vantui",
+    //     libraryDirectory: "es",
+    //     style: (name) => `${name}/style/less`,
+    //   },
+    //   "@antmjs/vantui"
+    // ]
   ]
 }

config/dev.js

@@ -3,8 +3,8 @@ module.exports = {
     NODE_ENV: '"development"',
   },
   defineConstants: {
-    HOST: '"http://127.0.0.1:9087"',
-    // HOST: '"http://192.168.89.13:9087"',
+    // HOST: '"http://127.0.0.1:9087"',
+    HOST: '"http://192.168.89.13:9087"',
     // HOST: '"https://wmcj.huoshannews.com"',
     AD_IMAGE: '"https://h5.njyunzhi.com/images/citizen_banner.png"',
     DEFAULT_POS: '"116.3476917447715,31.409912844296578"', // 霍山县人民政府 gcj02

config/index.js

@@ -10,7 +10,13 @@ export default defineConfig(async (merge, { command, mode }) => {
   const config = {
     projectName: "civilized-miniapp",
     date: "2024-03-21",
-    designWidth: 750,
+    designWidth(input) {
+      console.log('---->', input?.file)
+      // if (input?.file.replace(/\\+/g, '/').indexOf('@antmjs/vantui') > -1) {
+      //   return 750
+      // }
+      return 750
+    },
     deviceRatio: {
       640: 2.34 / 2,
       750: 1,
@@ -60,31 +66,35 @@ export default defineConfig(async (merge, { command, mode }) => {
       router: {
         mode: "hash",
       },
-      esnextModules: ["@antmjs/vantui"],
-      miniCssExtractPluginOption: {
-        ignoreOrder: true,
-        filename: "css/[name].[hash].css",
-        chunkFilename: "css/[id].css",
-      },
+      esnextModules: ['@antmjs'],
+      // miniCssExtractPluginOption: {
+      //   ignoreOrder: true,
+      //   filename: "css/[name].[hash].css",
+      //   chunkFilename: "css/[id].css",
+      // },
 
       postcss: {
-      
+        autoprefixer: {
+          enable: true,
+          config: {
+          }
+        },
      
         pxtransform: {
           enable: true,
           config: {
             // 设置rpx转换为目标单位为rem
-            unitToRem: true,
-            // 设计稿宽度与 rem 基准值，默认设计稿宽度为 750，即 1rem = 75px
-            designWidth: 750,
-            // 可选，选择器黑名单
-            selectorBlackList: [],
-            // // 可选，替换rpx为其他单位后缀，例如 'px' 或 'rem'
-            propList: ["*"],
-            // 可选，媒体查询中是否禁用转换
-            mediaQuery: false,
-            // 可选，是否转换页面根节点字体大小，如body: font-size: 16px
-            minPixelValue: 0,
+            // unitToRem: true,
+            // // 设计稿宽度与 rem 基准值，默认设计稿宽度为 750，即 1rem = 75px
+            // designWidth: 750,
+            // // 可选，选择器黑名单
+            // selectorBlackList: [],
+            // // // 可选，替换rpx为其他单位后缀，例如 'px' 或 'rem'
+            // propList: ["*"],
+            // // 可选，媒体查询中是否禁用转换
+            // mediaQuery: false,
+            // // 可选，是否转换页面根节点字体大小，如body: font-size: 16px
+            // minPixelValue: 0,
 
           },
         },

src/app.js

@@ -3,6 +3,8 @@ import store, { Provider, getState } from "@/store";
 import "./app.less";
 import { useEffect, useMemo } from "react";
 // import wxsdk from "./utils/wx";
+import '@antmjs/vantui/lib/index.less'
+// import '@antmjs/vantui/lib/index.css'
 
 const App = (props) => {
   // useEffect(async() => {