用的是vue和less,用webpack做構建工具?,F在有一個需求,要實現用戶可以選擇更改皮膚。我的想法如下:用less變量來管理顏色等變量,每套皮膚一個less變量文件,每個文件里的變量名相同,只是值不一樣。如gray.less,red.less文件,里面分別有@color: red, @color:gray等變量然后將gray.less,red.less文件全部統一在main.less中,main文件大概如下:@import 'gray.less';
@import 'red.less';然后在.vue文件的style中引入main.less,這樣.vue文件就可以引用到@color等變量了現在想用webpack將用到main.less的變量的樣式抽出來,按照不同的皮膚自動生成gray.css和red.css等主題文件。請問一下這樣是否可以,如果可行,要怎樣實現?如果不可行,有其他的實現方法嗎?
怎樣用webpack生成不同的主題樣式,實現換膚功能
開滿天機
2018-09-14 10:17:04