vant 样式处理

babel.config.js

 module.exports = {
   presets: [
     '@vue/cli-plugin-babel/preset'
+  ],
+  plugins: [
+    ['import', {
+      libraryName: 'vant',
+      libraryDirectory: 'es',
+      style: true
+    }, 'vant']
   ]
-}
+}
\ No newline at end of file

package-lock.json

@@ -2226,6 +2226,16 @@
         "object.assign": "^4.1.0"
       }
     },
+    "babel-plugin-import": {
+      "version": "1.13.0",
+      "resolved": "https://registry.npmjs.org/babel-plugin-import/-/babel-plugin-import-1.13.0.tgz",
+      "integrity": "sha512-bHU8m0SrY89ub2hBBuYjbennOeH0YUYkVpH6jxKFk0uD8rhN+0jNHIPtXnac+Vn7N/hgkLGGDcIoYK7je3Hhew==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-module-imports": "^7.0.0",
+        "@babel/runtime": "^7.0.0"
+      }
+    },
     "babel-polyfill": {
       "version": "6.26.0",
       "resolved": "https://registry.npmjs.org/babel-polyfill/-/babel-polyfill-6.26.0.tgz",

package.json

@@ -33,6 +33,7 @@
     "@vue/cli-plugin-babel": "^4.3.0",
     "@vue/cli-plugin-typescript": "^4.3.0",
     "@vue/cli-service": "^4.3.0",
+    "babel-plugin-import": "^1.13.0",
     "postcss-px-to-viewport": "^1.1.1",
     "sass": "^1.26.3",
     "sass-loader": "^8.0.2",

src/main.ts

@@ -19,7 +19,7 @@ import VueClipboard from 'vue-clipboard2';
 Vue.use(VueClipboard);
 
 import { Lazyload } from 'vant';
-import 'vant/lib/index.css';
+// import 'vant/lib/index.css';
 Vue.use(Lazyload);
 
 import Component from 'vue-class-component';