visual-studio-code - 为什么vscode的Update Imports On File Move功能对css文件不生效？

Question

vscode修改文件名或者移动后，自动更新import的功能（Update Imports On File Move），对样式文件无效，是我一个人的问题，还是这个项功能只支持ts和js？

Answer 1

首先，让我们澄清一下这个功能的行为。Update Imports On File Move 是一个 VSCode 的功能，当你在文件系统中移动或重命名一个文件时，它会自动更新所有对该文件的引用。这个功能在 TypeScript 和 JavaScript 中工作得很好，因为这些语言使用模块系统，并且有明确的导入语句。

然而，CSS 文件通常不使用模块导入语句。CSS 通常通过 <link> 标签或 import 语句（在某些构建工具中）被导入到 HTML 或其他文件中。这些导入是静态的，一旦被写入到 HTML 或其他文件中，就不能像 TypeScript 或 JavaScript 那样动态更新。

因此，当你移动或重命名一个 CSS 文件时，VSCode 无法自动更新对它的引用，因为 CSS 没有这样的引用机制。

如果你希望在移动或重命名 CSS 文件时自动更新引用，你可能需要使用构建工具（如 Webpack、Rollup 等）来管理你的 CSS 文件和引用。这些工具可以跟踪文件依赖关系，并在文件移动或重命名时自动更新引用。