vue使用常见问题

 

一、webpack 编译es6 动态引入 import() 时不能传入变量

例如：dir = 'views/login.vue’ ； import(dir) 这样写编译失败，而传入字符串 import('views/login.vue')则没有问题
原因：webpack的现在的实现方式不能实现完全动态。

解决：通过字符串模板来提供部分信息给webpack；
例如：import(`views/${obj.component}`), 这样编译时会编译所有./views下的模块，但运行时确定obj.component的值才会加载，从而实现懒加载。