管理VueJS组件库CSS

时间:2018-12-11 14:30:08

标签: vue.js vue-component

我正在构建VueJS组件库,其中包括vue-element和其他一些第三方库。
我将图书馆纳入我的主要项目。
但是我的主要项目包含用于某些其他表单组件的相同第三方库(vue-element)。
因此,问题是如何管理第三方CSS。就目前而言,我正在复制vue元素的css文件(一次包含在我的主项目中,第二次包含在我的库css中)

1 个答案:

答案 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" />