关于sass的@use和@import的问题

Question

老师，十分不好意思，我又来打扰了。
最近学习了下sass的@use和@forward的规则用法，用到项目中发现一个奇怪的现象。如下图


我是在vite的配置文件中引入的。这里显示似乎引入了很多次？各种覆盖信息。

但是如果我在main.js import

可以看到import的样式文件没有显示覆盖信息，vite中use的文件是有很多覆盖信息

老师，这是什么原理呀，我应该怎么做来消除影响呢，这样看着很不美观呀。
我感觉应该是有更优雅的方案吧

Answer 1

张轩 2022-03-27 09:27:36

同学你好 请问你用的是 element-plus 组件库 吗？

• 提问者 有没有没被占用的昵称 #1

  是的，老师，但是只有我的覆盖很多次。element的是正常的，我明明只引入了一次呀

• 张轩 回复 提问者 有没有没被占用的昵称 #2

  如果可以的话，可以发我代码库看看，我怀疑和开发环境以及热更新相关。同时可以看一下，打包成生产环境代码以后，是否有这个问题。如果只是开发环境，那么就说明问题。

• 提问者 有没有没被占用的昵称 回复 张轩 #3

  老师，我知道问题所在了，我应该去use variable function mixin这种。而不是use 常规的样式。
  常规样式用import就解决了，看了下文档感觉这样是比较正确的做法。

点开查看后面2条评论