新SASS模块中的正确语法:@use而不是@import

新SASS模块中的正确语法:@use而不是@import,sass,module,Sass,Module,很长一段时间以来,我一直在使用@import将外部样式表(例如animate.css)拉入到我的主.scss样式表中 我现在发现@import已被弃用,并被@use取代。但是,我无法找到导入外部文件时@use所期望的语法的正确示例 使用@import,我会得到如下内容: @import url('../assets/css/animate.css'); 上面的代码将获取/assets/css/目录中的animate.css文件,并将其嵌入到我的main.scss样式表中 从这里的文档中,我看到

很长一段时间以来,我一直在使用@import将外部样式表(例如animate.css)拉入到我的主.scss样式表中

我现在发现@import已被弃用,并被@use取代。但是,我无法找到导入外部文件时@use所期望的语法的正确示例

使用@import,我会得到如下内容:

@import url('../assets/css/animate.css');
上面的代码将获取/assets/css/目录中的animate.css文件,并将其嵌入到我的main.scss样式表中

从这里的文档中,我看到@use希望模块通过其名称空间加载,要从外部资源创建名称空间,我应该使用:

@use '<url>' as <namespace>;
然而,这实际上会在编译时导致错误,即使没有,一旦“animation”成为名称空间,我该如何处理它呢

我应该继续在
中包含单独的样式表,还是有人想出了让@use以我以前使用@import的方式工作的方法

@use '../assets/css/animate.css' as animation;