我在自定义库的捆绑过程中遇到了一些问题,也许有人可以帮助我。真的很棒。
我有什么
我正在使用Vue Cli 3.0和一个自定义组件库构建几个项目,该库位于另一个软件包上,并且与两个项目共享。因此,我的结构如下所示:
|___modules
|___ProjectA
|___ProjectB
|___packages
|___SharedComponents
我正在使用vue-cli-service build --target lib --name shared ./src/index.js
命令构建该程序包,其中index.js
文件导出了一些要使用的组件,例如:
import SharedButton from '@/components/button'
export {
SharedButton
}
这将生成dist/shared.common.js
文件,并使用我的package.json
配置(我将该文件设置为“ main”),可以从{{1} }和SharedButton
像这样:
ProjectA
好的。这很酷,应该足够了……但事实并非如此,这就是为什么我在这里寻求帮助的原因:)
我想要的
基本上,我希望生成的projectB
文件夹保持import { SharedButton } from '@SharedComponents'
文件夹的结构。也许与dist
文件夹结构无关,我可以使用名称空间/别名来解决此问题。我不知道如何,但是我需要加载这样的组件:
src
有人可以给我一些有关如何在我的dist
文件夹和我的import SharedButton from '@SharedComponents/components/button'
文件夹结构相同的情况下采用这种方法的信息吗?
谢谢!