vue 项目动态引入css(sass)文件(判断后加载对应的 sass 文件)

Question

vue 项目动态引入css(sass)文件(判断后加载对应的 sass 文件)

Answer 1

main.js中判断引入

1、可以根据localstorage/sessionstorage的存储信息判读加载不同的css文件
2、根据vuex中的state变量判断加载不同的css文件

main.js

import  store  from  './store'
if (store && store.state) {
    import  './assets/css/theme.scss'
}

Answer 2

想实现通过条件判断加载，可以考虑用动态 import方式

if (xxx) {
   import('./vars.scss').then(() => {
     xxx
   })
}