css - 将共享的 sass 变量导入每个 vue 组件是一种好习惯吗？

Question

我的 Vue 应用程序中有许多组件使用共享变量，例如颜色。让每个组件导入全局“variables.scss”文件是否有任何负面影响？

Answer 1

一般来说，更明确地说明依赖关系比拥有一些神奇的行为要好。

在我们的例子中，这是强制性的，因为我们正在构建非常大规模的应用程序。当我们将组件移动到不同的元素或 repo 时，由于 SCSS 变量文件的显式导入，我们不必担心找到所有那些神奇的变量。此外，当一些 SCSS 文件是外部文件时，有时会出现讨厌的问题，即从 node_modules 文件夹加载。想象一下，一些其他组件覆盖了变量的值。通过显式，为该组件重新声明变量，这些情况大大减少。

但是，如果您正在与较小的团队一起处理中小型元素，那么隐式导入可能会更有益。

因此，在这方面没有明确的好/坏做法。选择两者之一，但不能同时选择两者。