index.ts 3.3 KB

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