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

时间:2018-09-28 05:07:05

标签: javascript vue.js vuejs2

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

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

好吧,问题是我不知道如何在我的vue spa组件中包含这些CSS和JS(我只需要在特定组件上使用它,因此我通过添加CSS将其放在全局上并没有任何好处。和js文件添加到html)

那么如何将其添加到vue spa的特定组件上?

1 个答案:

答案 0 :(得分:0)

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