时间戳

首页 > 解决方案 > 管理 VueJS 组件库 css

vue.js - 管理 VueJS 组件库 css

问题描述

我正在构建 VueJS 组件库，其中包括 vue-element 和其他一些第三方库。
我将我的图书馆包括在我的主要项目中。
但我的主要项目包含一些其他表单组件的相同第三方库（vue-element）。
所以问题是如何管理第三方css。目前我正在复制 vue-element css 文件（一次它包含在我的主要项目中，第二次包含在我的库 css 中）

标签： vue.jsvue-component

解决方案

您必须将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" />

推荐阅读