How can the vite plug-in obtain the contents of all files in the project?

[c44cc]

How can the vite plug-in obtain the contents of all files in the project? Transform cannot obtain the contents of core.less. Online example of the project https://stackblitz.com/edit/vitejs-vite-3mxrju?file=vite.config.ts

[Shyam-Chen]

• https://vitejs.dev/guide/api-plugin.html#universal-hooks
  • https://rollupjs.org/plugin-development/#load
• https://nodejs.org/docs/latest/api/fs.html#fspromisesglobpattern-options
  • https://github.com/isaacs/node-glob
  • https://github.com/mrmlnc/fast-glob

[c44cc]

这种是一种解决办法，可是当我要在index.less进行管理大量的样式的时候，我需要在index.less中引入其他less文件，这时并不可行

[Shyam-Chen]

import { readFile } from 'node:fs/promises';
import { glob } from 'glob';

  async load(id, options) {
    const files = await glob(`./src/**/*.less`, { posix: true });
    console.log(files);

    files.forEach(async (file) => {
      const contents = await readFile(file, { encoding: 'utf8' });
      console.log(contents);
    });

    return null;
  },

在用個虛擬 ID 在 main.ts:

// 在 resolveId 和 load 處理此虛擬 ID
import 'virtual:all.less';

[c44cc]

您的方法我试了，并不能达到效果，其实我想要的效果很简单，只是替换文件中的制定字符串为其他内容，比如在线项目中https://stackblitz.com/edit/vitejs-vite-3mxrju?file=vite.config.ts，我需要把#test替换为#fff，使得项目能正常运行，可是问题就是我使用transform无法得到core.less的内容给我进行替换

[Shyam-Chen]

直接使用 CSS variables？

[c44cc]

我想解决的就是为什么插件不能获取到所有的代码内容，只是举例引入less，可能未来我会用到更多的其他类型文件，不限于css