这样可以吗?const styles = import.meta.glob(["@/assets/**/*.css"], { eager: true }); export const loadStyle = (styleName: string): string => { for (const name in styles) { if (name.endsWith(styleName) || name.endsWith(`${styleName}.css`)) { console.log(styles[name]); return import.meta.env.DEV ? name : name.replace("src/", ""); } } return styleName; };
时间: 2024-04-18 12:26:32 浏览: 162
node.js中 mysql 增删改查操作及async,await处理实例分析
在您提供的代码中,您使用了`import.meta.glob`方法添加了`{ eager: true }`选项来立即导入所有匹配的CSS文件。这样可以确保在应用加载时,所有匹配的CSS文件都被正确导入。
您的代码看起来是正确的,并且应该能够按预期工作。当调用`loadStyle`方法时,它会遍历已导入的CSS文件,并根据条件返回对应的样式名。
请确保在使用此代码之前,您已经安装了支持动态导入的构建工具(例如Vite或Webpack)并正确配置了相关的依赖项。
需要注意的是,`import.meta.glob`方法在不同的构建工具和环境下可能会有所不同。请确保您的构建工具和环境支持此方法,并根据实际情况进行相应的调整。
希望对您有所帮助!如果您有其他问题,请随时提问。
阅读全文