通过 JavaScript 使用 SDK 的 Web 版本

[最近更新时间:2020/01/30]

此页面将指导您完成从 JavaScript webpack 项目使用 Cubism 4 SDK for Web Framework 的步骤。

 

将所需文件追加到您现有的 JavaScript webpack 项目中

将以下目录从 Cubism 4 SDK for Web 复制到您的项目中。

  • 核心文件夹
  • 框架文件夹

将包追加到现有项目

在你现有的 JavaScript webpack 项目中,追加  ts-loader  包来构建 TypeScript。

在项目中输入以下命令,将包追加到 package.json

变更现有项目的 webpack 设定

进行一些额外的设定以允许现有的 JavaScript webpack 项目构建框架。

首先,设定以下内容以将 TypeScript 文件追加到 webpack 的构建目标中。

接下来,webpack 将追加以下设定以在构建时转换 TypeScript。

现在你可以正常构建webpack了。

下面是 webpack.config.js 的示例。

从 JavaScript 使用框架

这是一种从 JavaScript 使用 TypeScript 框架的方法。

在导入和使用要使用的模块时,编写如下。

在框架中载入类

由于框架包装在命名空间 Live2DCubismFramework 中,因此多次导入将导致重复。
要解决重复,需要在导入时指定不同的名称,可以通过在导入时命名空间后指定为[any name]来解决。

此外,您可以通过编写 import [any name] = module name 来定义具有不同名称的内部模块。

© 2010 - 2022 Live2D Inc.