我正在构建VueJS组件库,其中包括vue-element和其他一些第三方库。
我将图书馆纳入我的主要项目。
但是我的主要项目包含用于某些其他表单组件的相同第三方库(vue-element)。
因此,问题是如何管理第三方CSS。就目前而言,我正在复制vue元素的css文件(一次包含在我的主项目中,第二次包含在我的库css中)
答案 0 :(得分:0)
您必须将vue-element
视为库的外部依赖项。明确将其声明为依赖项。这意味着您的库应该假定调用项目(即主项目)将在加载库的CSS之前先加载CSS。
这是大多数项目构造CSS的方式。您的HTML文件将如下所示:
<!-- External CSS -->
<link href="vue-element/dist/style.css" />
<!-- Library CSS -->
<link href="path-to-your-library/dist/style.css" />