vue动态切换css文件_如何在vue组件中动态的引入css文件?
问题描述如标签描述的不准确,请见谅我的需求是开发多套皮肤,打包的时候只加载其中某一种的皮肤(不需要动态换肤),因为css文件过大,后期配套的css文件过多,写在一起的话,一次全打包上去项目非常的大,又不可能复制多套代码,维护起来太痛苦了(js是一致的)问题出现的环境背景及自己尝试过哪些方法我目前想到的是全局定义一个变量,通过这个变量来加载css,然后维护对应的css文件即可,不知道可否实现?如各位
·
问题描述
如标签描述的不准确,请见谅
我的需求是开发多套皮肤,打包的时候只加载其中某一种的皮肤(不需要动态换肤),因为css文件过大,后期配套的css文件过多,写在一起的话,一次全打包上去项目非常的大,又不可能复制多套代码,维护起来太痛苦了(js是一致的)
问题出现的环境背景及自己尝试过哪些方法
我目前想到的是全局定义一个变量,通过这个变量来加载css,然后维护对应的css文件即可,不知道可否实现?如各位有更好的做法,请告知,非常感谢!
相关代码
staticEnv.js
export const CSS = 'a';
.vue组件
import {CSS} from 'src/config/staticEnv'
export default {
name: "css",
data() {
return {
}
}
}
@import "变量CSS.styl"
单页面开发,有很多的组件,我想把css提出来放在对应的组件下,然后动态的加载,如变量是a 那么我就只需要加载 a.styl
你期待的结果是什么?实际看到的错误信息又是什么?
如本人描述的不够准确,欢迎各位大佬在回答中问,我将在第一时间回复,再次感谢
更多推荐
已为社区贡献2条内容
所有评论(0)