vue - 如何使用带有 css 和 js 的本地样式库答案

【问题标题】：vue - how to use a local styling library with css and jsvue - 如何使用带有 css 和 js 的本地样式库
【发布时间】：2021-07-04 00:08:49
【问题描述】：

我想使用我公司的本地样式库。
它包括一个用于样式设置的 css 文件和一个用于打开工具提示等事件的 js 文件。
我在 main.js 中包含了带有 import local_style from "./styles/local_style.css"; 的 css 文件。
效果很好。
但是如何使用 js 文件呢？我包含了上述文件，但它不起作用。如果我在纯 html 网站中使用它并正常包含这两个文件，它就可以正常工作。

【问题讨论】：

标签： javascript html vue.js vuejs3

【解决方案1】：

js 文件应该有一些导出/导出。您应该在主 js 中 import * from 'jSfile' 或导入您需要在每个组件中使用的每个单独的导出。然后您应该将其注册为import {individualExportName} from 'jsFile' 并在您的脚本中使用它，例如：individualExportName.functionName()

【讨论】：