SAS@扩展在构建期间考虑导入CSS

我有一个包含所有通用CSS的全局CSS文件

我希望能够在我的任何SCSS文件中扩展这个全局CSS文件中存在的所有类

现在它抛出一个错误。xyz类不存在，生成失败。我尝试导入此文件，但生成仍然失败

添加！类旁边的选项是构建通过的一种方式，但还有其他更好的方式吗

---

为Vue用户提供更多的上下文。我使用VueCli3。我使用

来编写SCS，并希望在这里使用extend。建议添加prependData以添加变量。我在一个SCSS文件中导入了全局CSS，并在prependData中导入了该文件，但Vue构建仍然失败

听起来您希望全局包含一个CSS文件，其中包含每个组件中的SCSS块可以读取的内容。（变量、样式定义等）

@extend

像变量一样工作，这意味着SCSS需要定义样式作为其编译的一部分。所以这意味着让“SCSS全局变量”工作应该也能解决您的扩展问题

---

在这种情况下，您需要调整Webpack处理组件的方式。您可以按说明手动执行此操作。或者我更喜欢使用名为的Vue Cli插件。确保您的组件

部分包含

lang=“SCSS”

，尽管我假设您已经这样做了。

听起来您希望全局包含一个CSS文件，其中包含每个组件中的SCSS块可以读取的内容。（变量、样式定义等）

@extend

像变量一样工作，这意味着SCSS需要定义样式作为其编译的一部分。所以这意味着让“SCSS全局变量”工作应该也能解决您的扩展问题

---

在这种情况下，您需要调整Webpack处理组件的方式。您可以按说明手动执行此操作。或者我更喜欢使用名为的Vue Cli插件。确保您的组件

部分包含

lang=“SCSS”

，尽管我假设您已经在这样做了。

使用@import CSS file到SCSS file不可能@extend任何类

但您可以从纯css代码中为extends类执行以下步骤

将

.css

文件转换为

.scss

将该

global.scss

文件导入另一个

.scss

文件

然后，您可以在新文件中使用@extend作为extend类

---

若你们的文件有超过1k行的代码，那个么扩展类就会遇到麻烦

使用@import CSS file到SCSS file无法@extend任何类

但您可以从纯css代码中为extends类执行以下步骤

将

.css

文件转换为

.scss

将该

global.scss

文件导入另一个

.scss

文件

然后，您可以在新文件中使用@extend作为extend类

---

若你们的文件有超过1k行的代码，那个么扩展类就会遇到麻烦

我不明白你的意思。但据我所知，您希望将css文件类扩展到sass结构，对吗？是的。我希望SCSS从外部文件中考虑CSS类，并且外部文件中的所有类都应该使用SCS扩展键。请核对我的答案，我没听懂。但据我所知，您希望将css文件类扩展到sass结构，对吗？是的。我希望SCSS从外部文件中考虑CSS类，并且外部文件中的所有类都应该使用SCS扩展键。请检查我的答案。但在这种情况下，我必须带上我的整个SCSS设置，才能使用extend，对吗？从技术上讲，@extend带来了扩展类的所有CSS元素，并附加和形成一个新类。它不需要变量、混合和其他SCS的东西，对吗？那么，除了将SCSS构建设置引入项目之外，没有其他方法了吗？但是在这种情况下，我必须引入我的整个SCSS设置，以便使用extend right？从技术上讲，@extend带来了扩展类的所有CSS元素，并附加和形成一个新类。它不需要变量、混合和其他SCS的东西，对吗？那么，除了将SCSS构建设置引入项目之外，没有其他方法了吗？