时间戳

首页 > 解决方案 > 将 CSS 和 JS 库包含到 vue spa 组件中

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

问题描述

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

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

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

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

标签： javascriptvue.jsvuejs2

解决方案

我自己还没有尝试过，但至于 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');...这是使用数字库的示例...

推荐阅读