transform.ts 3.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596
  1. // 修改自
  2. // https://github.com/luxueyan/vite-transform-globby-import/blob/master/src/index.ts
  3. // TODO 目前还不能监听文件新增及删除 内容已经改变,缓存问题?
  4. // 可以使用,先不打算集成
  5. import { join } from 'path';
  6. import { lstatSync } from 'fs';
  7. import glob from 'glob';
  8. import { createResolver, Resolver } from 'vite/dist/node/resolver.js';
  9. import { Transform } from 'vite/dist/node/transform.js';
  10. const modulesDir: string = join(process.cwd(), '/node_modules/');
  11. interface SharedConfig {
  12. root?: string;
  13. alias?: Record<string, string>;
  14. resolvers?: Resolver[];
  15. }
  16. function template(template: string) {
  17. return (data: { [x: string]: any }) => {
  18. return template.replace(/#([^#]+)#/g, (_, g1) => data[g1] || g1);
  19. };
  20. }
  21. const globbyTransform = function (config: SharedConfig): Transform {
  22. const resolver = createResolver(
  23. config.root || process.cwd(),
  24. config.resolvers || [],
  25. config.alias || {}
  26. );
  27. const cache = new Map();
  28. const urlMap = new Map();
  29. return {
  30. test({ path }) {
  31. const filePath = path.replace('\u0000', ''); // why some path startsWith '\u0000'?
  32. try {
  33. return (
  34. !filePath.startsWith(modulesDir) &&
  35. /\.(vue|js|jsx|ts|tsx)$/.test(filePath) &&
  36. lstatSync(filePath).isFile()
  37. );
  38. } catch {
  39. return false;
  40. }
  41. },
  42. transform({ code, path, isBuild }) {
  43. let result = cache.get(path);
  44. if (!result) {
  45. const reg = /import\s+([\w\s{}*]+)\s+from\s+(['"])globby(\?path)?!([^'"]+)\2/g;
  46. const lastImport = urlMap.get(path);
  47. const match = code.match(reg);
  48. if (lastImport && match) {
  49. code = code.replace(lastImport, match[0]);
  50. }
  51. result = code.replace(reg, (_, g1, g2, g3, g4) => {
  52. const filePath = path.replace('\u0000', ''); // why some path startsWith '\u0000'?
  53. // resolve path
  54. const resolvedFilePath = g4.startsWith('.')
  55. ? resolver.resolveRelativeRequest(filePath, g4)
  56. : { pathname: resolver.requestToFile(g4) };
  57. const files = glob.sync(resolvedFilePath.pathname, { dot: true });
  58. let templateStr = 'import #name# from #file#'; // import default
  59. let name = g1;
  60. const m = g1.match(/\{\s*(\w+)(\s+as\s+(\w+))?\s*\}/); // import module
  61. const m2 = g1.match(/\*\s+as\s+(\w+)/); // import * as all module
  62. if (m) {
  63. templateStr = `import { ${m[1]} as #name# } from #file#`;
  64. name = m[3] || m[1];
  65. } else if (m2) {
  66. templateStr = 'import * as #name# from #file#';
  67. name = m2[1];
  68. }
  69. const temRender = template(templateStr);
  70. const groups: Array<string>[] = [];
  71. const replaceFiles = files.map((f, i) => {
  72. const file = g2 + resolver.fileToRequest(f) + g2;
  73. groups.push([name + i, file]);
  74. return temRender({ name: name + i, file });
  75. });
  76. urlMap.set(path, replaceFiles.join('\n'));
  77. return (
  78. replaceFiles.join('\n') +
  79. (g3 ? '\n' + groups.map((v) => `${v[0]}._path = ${v[1]}`).join('\n') : '') +
  80. `\nconst ${name} = { ${groups.map((v) => v[0]).join(',')} }\n`
  81. );
  82. });
  83. if (isBuild) cache.set(path, result);
  84. }
  85. return result;
  86. },
  87. };
  88. };
  89. export default globbyTransform;