将 CSS 和 JS 库包含到 vue spa 组件中

Posted 2023-02-23

【中文标题】将 CSS 和 JS 库包含到 vue spa 组件中

【英文标题】：Include CSS and JS library into vue spa component

【发布时间】：2019-03-04 01:21:48

【问题描述】：

所以我正在开发 vue spa 项目并希望将 ckeditor5 集成到其中。所以我只是从here npm install ckeditor5 vue 版本，按照 github 网站上的安装指南一切正常。

但是在使用它之后，我意识到我需要从那里进行自定义构建，这意味着我需要分叉构建并克隆它并在其上做一些事情，然后 npm build 然后将其添加到我的项目中

问题是我不知道如何将这些 css 和 js 包含到我的 vue spa 组件中（我只需要在特定组件上使用它，所以通过添加 css 将它放在全局上没有任何好处和 js 文件到 html)

那么如何在 vue spa 的特定组件上添加呢？

【问题讨论】：

你能分享你的错误信息和你试图导入这些的组件吗？

【参考方案1】：

我自己没有尝试过，但是对于 css 这应该可以工作：

<style lang="css" src="path/to/some.css" scoped>

或者

<style lang="scss" src="path/to/some.scss" scoped>

您可以根据需要在 vue 模板上添加尽可能多的 css 文件（样式标签）...此外，如果您不需要此 css 的范围（仅在组件中可用，而不在子组件或父组件中）只需删除作用域属性。

对于 JS，您可以使用：require('path/to/some.js');

加载它

或者如果您需要将其分配给窗口对象中的某些内容：window.numeral = require('numeral');...这是使用数字库的示例...