在vuejs中如何根据变量去引用不同的css样式呢

Question

要求将以前项目改成vue框架。现在css什么的都有了。现在想根据变量去实现引入不同的css文件。类似于在if(){//import from ''xxx.css}这样的逻辑效果。请问各位，在vue框架里可以实现吗，或者通过webpack去实现？

Answer 1

使用webpack代码分割，引用的时候这样写
`
require.ensure（'xxx.css'）
`

Answer 2

已经解决了。
let RouterConfig='temp4'
if(RouterConfig=='temp4'){
require('./statics/css/temp4/css/mobile.global.css')
require ('./statics/css/temp4/css/mobile.master.css')
require ('./statics/css/temp4/css/layer.css')
var router = new Router({

routes: temp4Router

});
}
if(RouterConfig=='temp2'){
require ('./statics/css/common.css')
require ('./statics/css/style.css')
require('./statics/css/font.css')
var router = new Router({

routes: temp2Router

});
}
这里面直接使用require就可以了，import不支持在块级,require支持