
假如有一段生成 vue 组件列表的代码:
const models = [ { name: 'm1', component: () => import('./module1') }, { name: 'm2', component: () =>import('./module2') } //...还有其它模块 m3 、m4 等 ] 这段代码要在好几个项目中用到,而有的项目没有 m1 组件、有的没有 m2 组件,诸如此类,这在编译的时候会导致报错,请问该如何解决这个问题。
谢谢。
1 murmur 2022-05-13 14:18:45 +08:00 vue 有自己的动态引用组件方式,不用自己拍脑子啊 |
2 murmur 2022-05-13 14:21:35 +08:00 不懂你说的什么意思,我的理解,如果你想让你的项目没有 m1 、m2 这样自由组合需要的东西,应该统一用一个脚手架,新建的时候不需要的组件就从引用里拿掉,而不是运行编译的时候去检查你有哪些 |
3 waiaan OP @murmur 这个工程要在不同的项目里通过 npm 包的方式引用,工程里先预置好了不同项目中的 vue 组件,就是上面那段代码。 |
4 longxi 2022-05-13 14:28:40 +08:00 |
5 zhaol 2022-05-13 14:34:16 +08:00 @waiaan 那写成配置不就行了吗?这个工程写好不同项目的配置,通过 npm 引入,在使用的时候传参,如果是 a 项目,对应这个工程里面的 a 配置,b 对应 b 配置。 或者用 node 的 api ,读取 m1 组件的文件,有就 import ,没有就不 import |
6 没有的话不能删掉吗? |