From b042e1cbc106ae804deee5e6ae7e90f18a1aa561 Mon Sep 17 00:00:00 2001 From: neverland Date: Thu, 6 Jan 2022 11:49:21 +0800 Subject: [PATCH] test: using esbuild instead of babel-jest (#10154) * test: using esbuild instead of babel-jest * chore: update lock --- packages/vant-cli/cjs/jest.config.cjs | 2 +- packages/vant-cli/cjs/jest.transformer.cjs | 32 ++++++++++++++++++++++ packages/vant-cli/package.json | 4 +-- pnpm-lock.yaml | 20 ++++++-------- 4 files changed, 44 insertions(+), 14 deletions(-) create mode 100644 packages/vant-cli/cjs/jest.transformer.cjs diff --git a/packages/vant-cli/cjs/jest.config.cjs b/packages/vant-cli/cjs/jest.config.cjs index c34ffb7de..7ad626502 100644 --- a/packages/vant-cli/cjs/jest.config.cjs +++ b/packages/vant-cli/cjs/jest.config.cjs @@ -17,7 +17,7 @@ const DEFAULT_CONFIG = { moduleFileExtensions: ['js', 'jsx', 'vue', 'ts', 'tsx'], transform: { '\\.(vue)$': 'vue3-jest', - '\\.(js|jsx|ts|tsx)$': 'babel-jest', + '\\.(js|jsx|ts|tsx)$': '/node_modules/@vant/cli/cjs/jest.transformer.cjs', }, transformIgnorePatterns: ['/node_modules/(?!(@vant/cli))/'], snapshotSerializers: ['jest-serializer-html'], diff --git a/packages/vant-cli/cjs/jest.transformer.cjs b/packages/vant-cli/cjs/jest.transformer.cjs new file mode 100644 index 000000000..e793232b1 --- /dev/null +++ b/packages/vant-cli/cjs/jest.transformer.cjs @@ -0,0 +1,32 @@ +const { transform: babelTransform } = require('@babel/core'); +const { transformSync: esbuildTransformSync } = require('esbuild'); + +const isJsxFile = (path) => /\.(j|t)sx$/.test(path); +const isTsxFile = (path) => /\.tsx$/.test(path); + +const transformJsx = (code, path) => { + const babelResult = babelTransform(code, { + filename: path, + babelrc: false, + presets: isTsxFile(path) ? ['@babel/preset-typescript'] : [], + plugins: [['@vue/babel-plugin-jsx']], + }); + return babelResult?.code || ''; +}; + +const transformScript = (code) => + esbuildTransformSync(code, { + target: 'es2016', + format: 'cjs', + loader: 'ts', + }).code; + +module.exports = { + canInstrument: true, + process(code, path) { + if (isJsxFile(path)) { + code = transformJsx(code, path); + } + return transformScript(code); + }, +}; diff --git a/packages/vant-cli/package.json b/packages/vant-cli/package.json index 064c78cad..c78a68434 100644 --- a/packages/vant-cli/package.json +++ b/packages/vant-cli/package.json @@ -48,12 +48,12 @@ "vue": "^3.2.20" }, "dependencies": { - "@types/jest": "^27.0.3", "@babel/core": "^7.16.0", "@babel/preset-env": "^7.16.0", "@babel/preset-typescript": "^7.16.0", "@docsearch/css": "3.0.0-alpha.41", "@docsearch/js": "3.0.0-alpha.41", + "@types/jest": "^27.0.3", "@vant/eslint-config": "^3.3.2", "@vant/markdown-vetur": "^2.2.0", "@vant/stylelint-config": "^1.4.2", @@ -62,12 +62,12 @@ "@vitejs/plugin-vue-jsx": "^1.2.0", "@vue/babel-plugin-jsx": "^1.1.1", "autoprefixer": "^10.4.0", - "babel-jest": "^27.3.1", "chalk": "^4.1.2", "clean-css": "^5.2.2", "commander": "^8.3.0", "consola": "^2.15.3", "conventional-changelog": "^3.1.24", + "esbuild": "^0.14.2", "eslint": "^8.1.0", "execa": "^5.1.1", "fast-glob": "^3.2.7", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 53ad8f4f7..fbfa4405c 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -107,12 +107,12 @@ importers: '@vue/babel-plugin-jsx': ^1.1.1 '@vue/compiler-sfc': ^3.2.20 autoprefixer: ^10.4.0 - babel-jest: ^27.3.1 chalk: ^4.1.2 clean-css: ^5.2.2 commander: ^8.3.0 consola: ^2.15.3 conventional-changelog: ^3.1.24 + esbuild: ^0.14.2 eslint: ^8.1.0 execa: ^5.1.1 fast-glob: ^3.2.7 @@ -159,12 +159,12 @@ importers: '@vitejs/plugin-vue-jsx': 1.2.0 '@vue/babel-plugin-jsx': 1.1.1_@babel+core@7.16.0 autoprefixer: 10.4.0_postcss@8.3.11 - babel-jest: 27.3.1_@babel+core@7.16.0 chalk: 4.1.2 clean-css: 5.2.2 commander: 8.3.0 consola: 2.15.3 conventional-changelog: 3.1.24 + esbuild: 0.14.2 eslint: 8.2.0 execa: 5.1.1 fast-glob: 3.2.7 @@ -188,13 +188,13 @@ importers: release-it: 14.11.6 stylelint: 13.13.1 transliteration: 2.2.0 - ts-jest: 27.1.0_30b6fcff5d98ca4c7c41e0929500ff50 + ts-jest: 27.1.0_5619a073460806379c4b17463ac6a519 typescript: 4.5.2 vite: 2.6.13_less@4.1.2 vite-plugin-html: 2.1.1_vite@2.6.13 vite-plugin-md: 0.11.4_vite@2.6.13 vue-router: 4.0.12_vue@3.2.21 - vue3-jest: 27.0.0-alpha.2_ac2f17b3c0c7baa3be42e28e69a86f5b + vue3-jest: 27.0.0-alpha.2_bd2bc343ae82dbc2949ed4bb15ec35da devDependencies: '@types/fs-extra': 9.0.13 '@types/less': 3.0.3 @@ -6404,7 +6404,7 @@ packages: mime-db: 1.50.0 /mime/1.6.0: - resolution: {integrity: sha1-Ms2eXGRVO9WNGaVor0Uqz/BJgbE=, tarball: mime/download/mime-1.6.0.tgz?cache=0&sync_timestamp=1636370946189&other_urls=https%3A%2F%2Fregistry.npmmirror.com%2Fmime%2Fdownload%2Fmime-1.6.0.tgz} + resolution: {integrity: sha1-Ms2eXGRVO9WNGaVor0Uqz/BJgbE=, tarball: mime/download/mime-1.6.0.tgz} engines: {node: '>=4'} hasBin: true requiresBuild: true @@ -7568,7 +7568,7 @@ packages: engines: {node: '>=0.10.0'} /source-map/0.6.1: - resolution: {integrity: sha1-dHIq8y6WFOnCh6jQu95IteLxomM=, tarball: source-map/download/source-map-0.6.1.tgz?cache=0&sync_timestamp=1632822727980&other_urls=https%3A%2F%2Fregistry.npmmirror.com%2Fsource-map%2Fdownload%2Fsource-map-0.6.1.tgz} + resolution: {integrity: sha1-dHIq8y6WFOnCh6jQu95IteLxomM=, tarball: source-map/download/source-map-0.6.1.tgz?cache=0&sync_timestamp=1635071609610&other_urls=https%3A%2F%2Fregistry.npmmirror.com%2Fsource-map%2Fdownload%2Fsource-map-0.6.1.tgz} engines: {node: '>=0.10.0'} /source-map/0.7.3: @@ -7997,7 +7997,7 @@ packages: /trough/1.0.5: resolution: {integrity: sha1-uLY5zvrX0LsqvTfUM/+Ck++l9AY=, tarball: trough/download/trough-1.0.5.tgz} - /ts-jest/27.1.0_30b6fcff5d98ca4c7c41e0929500ff50: + /ts-jest/27.1.0_5619a073460806379c4b17463ac6a519: resolution: {integrity: sha512-ZouWlP03JMtzfNHg0ZeDrxAESYGmVhWyHtIl2/01kBbXaMbTr4Vhv6/GeMxUed6GFg/4ycMo+yU6Eo9gI16xTQ==, tarball: ts-jest/download/ts-jest-27.1.0.tgz} engines: {node: ^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0} hasBin: true @@ -8017,7 +8017,6 @@ packages: dependencies: '@babel/core': 7.16.0 '@types/jest': 27.0.3 - babel-jest: 27.3.1_@babel+core@7.16.0 bs-logger: 0.2.6 esbuild: 0.14.2 fast-json-stable-stringify: 2.1.0 @@ -8372,7 +8371,7 @@ packages: '@vue/shared': 3.2.21 dev: true - /vue3-jest/27.0.0-alpha.2_ac2f17b3c0c7baa3be42e28e69a86f5b: + /vue3-jest/27.0.0-alpha.2_bd2bc343ae82dbc2949ed4bb15ec35da: resolution: {integrity: sha1-yZNbz4FGRDJl0W5xuO6NPTE+FHg=, tarball: vue3-jest/download/vue3-jest-27.0.0-alpha.2.tgz} peerDependencies: '@babel/core': 7.x @@ -8389,13 +8388,12 @@ packages: dependencies: '@babel/core': 7.16.0 '@babel/plugin-transform-modules-commonjs': 7.16.0_@babel+core@7.16.0 - babel-jest: 27.3.1_@babel+core@7.16.0 chalk: 2.4.2 convert-source-map: 1.8.0 extract-from-css: 0.4.4 jest: 27.3.1 source-map: 0.5.6 - ts-jest: 27.1.0_30b6fcff5d98ca4c7c41e0929500ff50 + ts-jest: 27.1.0_5619a073460806379c4b17463ac6a519 tsconfig: 7.0.0 typescript: 4.5.2 vue: 3.2.21