详解Vue项目引入CreateJS的方法(亲测可用)

  

  

<强> 1.1 CreateJS介绍

  

  

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

  

基于这些库,可以非常快捷地开发出基于HTML5的游戏,动画和交互应用。

  

一套共同或独立的模块库和工具,使丰富的互动内容>   GitHub: https://github.com/yuki-torii..。   npm我- s yuki-createjs      

注意这里下载的版本不是官网最新版本。

  

<强> 2.1.2使用yuki-createjs

     //包含所有   导入“yuki-createjs”//或   要求(“yuki-createjs”)//包含>//helloworld.vue   & lt; template>   …   & lt;帆布id=" idd11 "宽度=" 500 "高度=" 400 "/比;   …   & lt;/template>   & lt; script>   要求(“yuki-createjs/lib/easeljs-0.8.2.combined”)   出口默认{//这里主要不能放在()里创建   安装(){   this.init ()   },   方法:{   init () {   画布var=. getelementbyid (“idd11”)   var=new createjs.Stage阶段(帆布)   var=new createjs文本。文本(“Hello World !”、“36 px Arial”、“# 777”)   文本。textAlign="中心"   文本。x=100   文本。y=0   stage.addChild(文本)   stage.update ()   },   }   }   & lt;/script>      

我是直接在Vue新建的项目里,HelloWorld。vue来进行修改,效果图如下:

  

详解Vue项目引入CreateJS的方法(亲测可用)”>,</p>
  <p> <强> 2.2方法二</强> </p>
  <p> <强> 2.2.1 createjs-cmd <br/>
  </强> </p>
  <p> <代码> npm我- s createjs-cmd </代码> </p>
  <p> GitHub: https://github.com/yedaodao/c..。</p>
  <p>同方法一,下载的不是最新版本。</p>
  2.2.2 <p> <强>使用</强> </p>
  <p> <代码>进口createjs createjs-cmd”</代码> </p>
  <p> <强> 2.3方法三</强> </p>
  <p> <强> 2.3.1 script-loader </强> <br/>
  </p>
  
  <pre类=   npm我- s script-loader   npm我- s createjs      

下载的各个版本都有,可以来引用1.0.0

  

版本,但是包含4个库

  

<代码> npm我easeljs>   2.3.2

<强>使用

  

<代码>进口“script-loader ! createjs/构建/1.0.0/createjs.min.js的;

  

<强> 2.4方法四

  

<强> 2.4.1 @createjs/easeljs
  

  

<代码> npm我@createjs/easeljs

  

<强> 2.4.2使用

  

<代码>进口* createjs从“@createjs/easeljs”

  

2.0 BETA版(当前是这样的,由于文章时效性,以后不清楚:乔伊::快乐::乔伊:)

  

<强> 2.5方法五

  

<强> 2.5.1 vue-easeljs

  

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

  

具体可参考GitHub,没有其他参考API,封装成了标签,感兴趣的可以尝试下

  

  

列了一个表格将5种方法比较一下

  

& # 8226;类似于script-loader还可以使用imports-loader,但试了几次没成功:乔伊::乔伊:原谅我太菜了
  & # 8226;2.0 Beta版已支持ES6,相信等正式版出的时候,这个问题就完全不用担心了。

  

以上所述是小编给大家介绍的详解Vue项目引入CreateJS的方法(亲测可用),希望对大家有所帮助,如果大家有任何疑问请给我留的言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!

详解Vue项目引入CreateJS的方法(亲测可用)