vue动态切换css文件_【Vue】如何在vue组件中动态的引入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

你期待的结果是什么？实际看到的错误信息又是什么？

如本人描述的不够准确，欢迎各位大佬在回答中问，我将在第一时间回复，再