了解 Tailwind CSS for React 的 npm install 命令

Understanding npm install command of Tailwind CSS for React

考虑来自 Tailwind docs 的这个 npm 命令:

npm install -D tailwindcss@npm:@tailwindcss/postcss7-compat @tailwindcss/postcss7-compat postcss@^7 autoprefixer@^9

所以有tailwindcss@npm:@tailwindcss/postcss7-compat@tailwindcss/postcss7-compat。它们之间有什么区别? tailwindcss@npm:@tailwindcss/postcss7-compat中的双点是什么意思?

@tailwindcss/postcss7-compat 是与 PostCSS 7 兼容的独立 TailwindCSS 包。

tailwindcss@npm:@tailwindcss/postcss7-compat 用于将 @tailwindcss/postcss7-compat 别名为 tailwindcss,这意味着 @tailwindcss/postcss7-compat 现在将在项目的任何地方被引用为 tailwindcss

来自npm documentation

npm install <alias>@npm:<name>

Install a package under a custom alias. Allows multiple versions of a same-name package side-by-side, more convenient import names for packages with otherwise long ones, and using git forks replacements or forked npm packages as replacements. Aliasing works only on your project and does not rename packages in transitive dependencies. Aliases should follow the naming conventions stated in validate-npm-package-name.