在项目中,我们需要引入qunee的编辑器graph.editor-master,在其中发现了一些引入js时需要注意的问题,在此书写,用来翻阅。
下载graph.editor的官方Demogit:https://github.com/samsha/graph.editor.git
怀着激动的心情,我打开了demo的index,看明白了相关代码,看了看相关的资源文件后,心想,得,往自己的项目中引吧。以下是index中的资源文件。
复制代码
复制代码
在Vue中引入外部的资源文件
由于我们的项目是由Vue+Webpack构建起来的,正常的资源文件都是使用cnpm下载,并且在Vue的配置中引用的,偶尔的几个资源文件还都是直接写在index.html里面,像这种大量的,自己封装的且关联性强的js文件,还真的没有引过。下面开始我们的尝试:
由于我们只有一个页面会用到这些资源文件,所以不考虑直接在index.html里面引用,而且在那里引用会导致,页面还没加载出来,资源就已经先被引用,导致编辑器不能被正常初始化。 所以我直接在我的页面中引用。
import '../../../../static/js/qunee/libs/jquery.min.js'
import '../../../../static/js/qunee/libs/bootstrap/js/bootstrap.min.js'
import '../../../../static/js/qunee/libs/layout.border.js'
import '../../