Question

目前，我必须在每个sass文件中添加以下声明：

@import '../src/styles/index';

我的sass文件通常与我的组件位于同一文件夹中，因此相对路径在很多时候会有所不同。

无论如何使用webpack我可以添加导入而不必在每个文件上声明它吗？

Answer 1

您可能想要更改.scss文件中的导入顺序。

让我举个例子。变量也需要在每个其他.scss文件中都可用。我设置样式的方法是在主index.scss中导入所有.scss部分。 index.scss中的第一个导入的部分只是一个包含所有变量的文件。然后可以在index.scss中的变量导入下面列出的所有部分中访问这些变量。