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

Question

我的Vue应用程序中有很多组件使用共享变量（例如颜色）。让每个组件导入一个全局“ variables.scss”文件有负面影响吗？

Answer 1

总的来说，对依赖项更加明确比具有一些神奇的行为要好。

在我们的情况下，这是强制性的，因为我们正在构建非常大型的应用程序。当我们将组件移至不同的项目或存储库时，由于SCSS变量文件的显式导入，我们不必担心找到所有这些不可思议的变量。此外，当某些SCSS文件位于外部（即从node_modules文件夹加载）时，有时会出现讨厌的问题。想象一下，其他一些组件将覆盖变量的值。通过显式，可以重新声明该组件的变量，从而大大减少了这些情况。

但是，如果您正在团队规模较小的中小型项目中工作，则隐式导入可能会更有利。

因此，对此没有明确的好/坏做法。选择两者之一，但不能全部选择。