fix(cli): postcss loader option changed

package.json

@@ -67,7 +67,7 @@
     "vue": "^3.0.0"
   },
   "devDependencies": {
-    "@vant/cli": "^3.0.0-rc.0",
+    "@vant/cli": "^3.0.0-rc.1",
     "@vue/compiler-sfc": "^3.0.2",
     "vue": "^3.0.2"
   },

packages/vant-cli/package.json

@@ -33,8 +33,6 @@
     "vue": "^3.0.0"
   },
   "devDependencies": {
-    "@types/jest": "^26.0.15",
-    "@types/webpack-dev-server": "^3.11.1",
     "@types/fs-extra": "^9.0.4",
     "@types/lodash": "^4.14.165",
     "@types/postcss-load-config": "^2.0.1"
@@ -46,6 +44,8 @@
     "@babel/preset-env": "^7.12.7",
     "@babel/preset-typescript": "^7.12.7",
     "@nuxt/friendly-errors-webpack-plugin": "^2.5.0",
+    "@types/jest": "^26.0.15",
+    "@types/webpack-dev-server": "^3.11.1",
     "@vant/eslint-config": "^3.0.0",
     "@vant/markdown-loader": "^3.0.1",
     "@vant/markdown-vetur": "^2.0.2",

packages/vant-cli/src/config/webpack.base.ts

@@ -19,9 +19,7 @@ const CSS_LOADERS = [
   {
     loader: 'postcss-loader',
     options: {
-      config: {
-        path: POSTCSS_CONFIG_FILE,
-      },
+      postcssOptions: require(POSTCSS_CONFIG_FILE),
     },
   },
 ];

test/dom.ts

@@ -38,10 +38,10 @@ export function mockScrollIntoView() {
 
 export function mockGetBoundingClientRect(
   rect: ClientRect | DOMRect
-): Function {
+): () => void {
   const originMethod = Element.prototype.getBoundingClientRect;
 
-  Element.prototype.getBoundingClientRect = <any>jest.fn(() => rect);
+  Element.prototype.getBoundingClientRect = jest.fn(() => rect);
 
   return function () {
     Element.prototype.getBoundingClientRect = originMethod;