un-pany / v3-admin-vite

☀️ A vue3 admin template | vue3 admin/element plus admin/vite admin/vue3 template/vue3 后台/vue3 模板/vue3 后台管理系统
https://un-pany.github.io/v3-admin-vite
MIT License
5.27k stars 892 forks source link

推荐将sass的@import都改为官方推荐的@use #161

Open yeyunwen opened 9 months ago

yeyunwen commented 9 months ago

sass的@import实现的模块化有以下缺陷:

  1. 容易混淆。 需区分css 的运行时的模块化,还是 sass 的编译时的模块化。
  2. 污染。 如果导入的多个模块中有相同的属性,那么最后一个会覆盖前面的。
  3. 无私有属性。
  4. 可能生成多次代码。

element-plus的源码中sass模块导入均使用@use。

推荐将@import全部改成sass官方推荐的@use。规避以上问题,同时让数据来源更加清晰。

Aaron-zon commented 8 months ago

目前其他部分还好,但是theme部分改为@use感觉会很复杂而且繁琐。

pany-ang commented 6 months ago

将在该 PR:https://github.com/un-pany/v3-admin-vite/pull/188 完成后开始迁移至 @use