详细说明在Vue项目中引入CreateJS的方法(可以使用父测试)

1.序

1.1 createjs简介

CreateJS是基于HTML5开发的模块化库和工具。

基于这些库，基于HTML5的游戏、动画和交互应用可以开发得非常快。

一套模块库和工具，它们协同工作或独立工作，通过HTML5在开放网络技术上实现丰富的交互式内容。

包含四种类型的工具库

画架JS Tween JS声音JS预加载JS 1.2创建JS版本

1.2.1 GitHub

地址：https://github.com/CreateJS

以Easeljs为例。JS文件存储在lib文件中

画架ljs . js画架ljs . min . js画架ljs-next . js画架ljs-NEXT.min.js

1.2.2英语

网站：https://www.createjs.com/

应用编程接口文档版本为1.0.0版

1.2.3中文

网站：http://www.createjs.cc/API文档版本为v0.8.2(以EaselJS为例)

2郑文

因为createjs的每个库中的代码都使用：

this . createjs=this . createjs | | { }

因为此处没有安装在窗口对象上，所以不能从导入中直接引用它。

2.1方法一

2.1.1安装yuki-createjs

github : https://github.com/yuki-torii. NPM I-s yuki-create js注意，这里下载的版本并不是官网的最新版本。

2.1.2使用yuki-createjs

//包含所有导入' yuki-create js'/或require '(yuki-create js ')//包含一个导入' yuki-create js/lib/preload js-0 . 6 . 2.combined '/或require '(yuki-create js/lib/preload js-)。

//helloworld.vuetemplate.画布id='idd11 '宽度='500 '高度='400'/./template script require(' yuki-createjs/lib/easeljs-0 . 8 . 2.combined ')导出默认值{//不能放入created()mounted(){ this . init()}。methods : { init(){ var canvas=document . getelementbyid(' IDD 11 ')var stage=new createjs。舞台(画布)var text=new createjs。文字('你好世界！'，' 36pxaarial '，' # 777 ')text . textalign=' center ' text . x=100 text . y=0 stage . addchild(text)stage . update()}，}}/script我直接在Vue，HelloWorld.vue创建的新项目中修改了它渲染如下：

2.2方法2

2.2.1 createjs-cmd

npm i -S createjs-cmd

https://github.com/yedaodao/c.

方法一不下载最新版本。

2.2.2利用

从“createjs-cmd”导入createjs

2.3方法三

2.3.1脚本加载器

NPM I-s脚本加载器NPM I-s create js下载了各种版本，可以参考1.0.0

版本，但包含4个库

npm i easeljs下载仅包含旧版本

2.3.2利用

' import '脚本加载程序！createjs/builds/1 . 0 . 0/createjs . min . js '；

2.4方法四

2.4.1 @createjs/easeljs

npm i @createjs/easeljs

2.4.2利用

从“@createjs/easeljs”导入* as createjs

2.0 BETA版(目前由于文章时效性，未来不清楚：336033603360 joy :33603360 joy :3360 joy :)

2.5方法五

2.5.1 vue-easeljs

https://github.com/dankuck/vu.

详情请参考GitHub。没有其他引用API，打包成标签。如果你感兴趣，你可以试试

3总结

列出了一个表格来比较这五种方法

类似于脚本加载器，也可以使用imports-loader，但是几次尝试都没有成功， joy :3360 joy :原谅我太好吃了。2.0 Beta版已经支持ES6，相信正式版出来的时候，完全不用担心这个问题。

以上是边肖介绍的在Vue项目中引入CreateJS的方法的详细说明(有亲测)。希望对大家有帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！