V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
rikka
V2EX  ›  程序员

less 文件要读取调用另外一个 scss 文件的变量,有什么奇思妙计

  •  
  •   rikka · 2019-12-09 15:30:45 +08:00 · 1953 次点击
    这是一个创建于 1812 天前的主题,其中的信息可能已经有所发展或是发生改变。
    项目大概是 elementUI+vue+webpack 这些东东
    样式是 less 写的,一直也没留意 elementUI 样式是 scss 写的,然后现在想引用 https://github.com/ElemeFE/element/blob/master/packages/theme-chalk/src/common/var.scss 里面的一些变量,可把我难透了

    摸索了一番有个思路:把 node-sass 换成 dark-sass 这样可以使用他的最新特性,读取某个模块的所有变量
    @use "sass:meta";
    @use "variables";
    @debug meta.module-variables("variables");
    把所有变量打印出来后,我再写个 loader 把变量名和值转成 less 代码,最后给 less 调用就成了


    然鹅万万没想到,https://github.com/ElemeFE/element/blob/master/packages/theme-chalk/src/common/var.scss 里面的变量都是$--开头,会被当做私有成员,不会输出出来。。。
    2 条回复    2019-12-10 07:43:51 +08:00
    moonrailgun
        1
    moonrailgun  
       2019-12-09 18:27:47 +08:00 via Android
    写个脚本把 scss 变量转化成 less 文件
    weixiangzhe
        2
    weixiangzhe  
       2019-12-10 07:43:51 +08:00 via Android
    有 js 变量吧 然后注入
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   4373 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 27ms · UTC 05:31 · PVG 13:31 · LAX 21:31 · JFK 00:31
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.