最近在看公司一个用vuepress框架搭建的文档工程,发现组件引用的路径无法对应项目中的文件,会差层级。如下图所示:
明显根据 2 查找的位置应该是 3 那里,但是路径明显就不对了。在看了 <dumi-previewer 组件后恍然大悟,原来是用动态 import 处理了一些内容,如下图:
问题来了,我不知道 webpackPrefetch: true 这个是啥意思,于是查询资料学习了一下,是webpack的一个属性,作用是 提高性能, 可以在网络空闲的时候去加载../../demos/${this.demoPath}.vue 文件,而不是必须要等到特定的时候才去加载。