js如何操作或是更改sass里的变量

/*上网搜索了好多方法,最终只有这一种比较适合*/

参考:

https://blog.csdn.net/weixin_44392565/article/details/85755592
https://www.cnblogs.com/asds/p/6148680.html

1、在test.scss文件里

:root {
    --width-primary: 240px;  //--width-primary  :变量名,css3有规则
}
$varWidth: var(--width-primary); //用var来盛放变量名

在main.js里更改或是你需要的地方更改

if(process.env.NODE_ENV == 'production') document.getElementsByTagName('body')[0].style.setProperty('--width-primary','0px');

 

 

 
posted @ 2019-05-23 10:42  豆豆飞  阅读(12831)  评论(0编辑  收藏  举报