blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-05 19:41:42 +08:00
Code Issues Projects Releases Wiki Activity

feat(cli): support replace ext in dynamic imports (#12046)

Browse Source 
* feat(get-deps): import('../foo.vue') => import('../foo.mjs') 的替换

* feat(get-deps): import('../foo.vue') => import('../foo.mjs') 的替换

* feat(get-deps): 对应正则的优化

* feat(get-deps): 对应正则的优化

* feat(get-deps): 对应正则的优化之前的太宽泛了

* feat(get-deps): 对应正则的优化之前的太宽泛了

* feat(get-deps): 对应正则的优化之前的太宽泛了

---------

Co-authored-by: sunguohui <sunguohui@vcom.com>
This commit is contained in:
suncohey 2023-07-29 11:29:46 +08:00 committed by GitHub
parent 49e1e9f73e
commit 3acee8bf2b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 15 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
packages/vant-cli/src/compiler/get-deps.ts
View File

@ -8,6 +8,9 @@ let existsCache: Record<string, boolean> = {};
// https://regexr.com/47jlq
const IMPORT_RE =
/import\s+?(?:(?:(?:[\w*\s{},]*)\s+from(\s+)?)|)(?:(?:".*?")|(?:'.*?'))[\s]*?(?:;|$|)/g;
const IMPORT_NOF_RE = /import\s*\(\s*?['"].+?['"]\)/g;
const EXPORT_FROM_RE =
/@?export\s+?(?:(?:(?:[\w*\s{},]*)\s+from(\s+)?)|)(?:(?:".*?")|(?:'.*?'))[\s]*?(?:;|$|)/g;
@ -16,6 +19,11 @@ function matchImports(code: string): string[] {
return imports.filter((line) => !line.includes('import type'));
}
function matchImportsNof(code: string): string[] {
const imports = code.match(IMPORT_NOF_RE) || [];
return imports.filter((line) => !line.includes('import type'));
}
function matchExportFroms(code: string): string[] {
const exportFroms = code.match(EXPORT_FROM_RE) || [];
return exportFroms.filter((line) => !line.includes('export type'));
@ -97,17 +105,23 @@ export function getDeps(filePath: string) {
/**
* 1. Replace .vue extension
* @example "import App from 'App.vue';" => "import App from 'App.xxx';"
* @example "defineAsyncComponent(() => import('../xxx.vue'))" => "defineAsyncComponent(() => import('../xxx.xxx'));"
*
* 2. if using .mjs or .cjs, complete the import path
* @example import './foo' -> import './foo.mjs'
* @example import './foo' -> import './foo/index.mjs'
* @example "defineAsyncComponent(() => import('../foo.vue'))" => "defineAsyncComponent(() => import('../foo.mjs'));"
*/
export function replaceScriptImportExt(
code: string,
filePath: string,
ext: string,
) {
const imports = [...matchImports(code), ...matchExportFroms(code)];
const imports = [
...matchImports(code),
...matchImportsNof(code),
...matchExportFroms(code),
];
const updateImport = (index: number, newImport: string) => {
code = code.replace(imports[index], newImport);