資訊專欄INFORMATION COLUMN
摘要：官方提供了一個(gè)使用了模版的項(xiàng)目，地址該項(xiàng)目已經(jīng)使用了和，在此基礎(chǔ)上，我們加入。安裝和在的配置中增加文件的在增加文件，該文件也是官方提供的。在根目錄下新建，然后修改文件即可按找如下方式加載圖片一個(gè)加入了的模版的地址
phaser官方提供了一個(gè)使用了webpack模版的項(xiàng)目，github地址,該項(xiàng)目已經(jīng)使用了babel和webpack，在此基礎(chǔ)上，我們加入typescript。
安裝typescript和ts-loader：
npm install typescript --save-dev npm install ts-loader --save-dev
在webpack/base.js的配置中增加.ts文件的loader：
{
test: /.ts$/,
exclude: /node_modules/,
use: [
{
loader: "babel-loader"
},
{
loader: "ts-loader"
},
]
},
在src/增加phaser.d.ts文件，該文件也是官方提供的。
根目錄下添加tsconfig.json文件，一個(gè)參考配置如下
{
"compilerOptions": {
"target": "ES2016",
"module": "CommonJS",
"sourceMap": true,
"noImplicitAny": false,
"strict": false
},
"include": [
"src/*"
]
}
此時(shí)可以在src/下進(jìn)行ts文件的開發(fā)，但是比如加載圖片還是有問題，會(huì)提示找不到module，為此，將圖片聲明為module。
在根目錄下新建index.d.ts，
declare module "*.png" {
const content: string;
export default content;
}
然后修改tsconfig.json文件
{
"compilerOptions": {
"target": "ES2016",
"module": "CommonJS",
"sourceMap": true,
"noImplicitAny": false,
"strict": false
},
"include": [
"src/*",
"index.d.ts",
]
}
即可按找如下方式加載圖片：
import * as logo from "../assets/down.png";
一個(gè)加入了typescript的phaser模版的github地址
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/109579.html
摘要：要想做到提示，就必須用到強(qiáng)類型的，使用方法安裝在項(xiàng)目根目錄新建文件夾，里面放置如下文件在根目錄新建文件完成以上步驟，就已經(jīng)支持的提示了想要查看在下的寫法，請(qǐng)移步，里面有詳細(xì)的配置和踩星星入門游戲的實(shí)現(xiàn) 使用背景 在上一篇（在vscode中增加phaser代碼提示）中，我們可以做到代碼提示了，但是有個(gè)比較嚴(yán)重的問題，就是我們通過API創(chuàng)建的對(duì)象還是不能提示，因?yàn)閖s為弱類型，通過var ...
摘要：由于公司項(xiàng)目轉(zhuǎn)型，需要?jiǎng)?chuàng)造一個(gè)小游戲平臺(tái)，需要使用一個(gè)比較成熟的前端游戲框架來快速開發(fā)小游戲。僅支持開發(fā)游戲，因?yàn)閷Ｗⅲ愿咝?。早在年的光棍?jié)前一天晚上，這個(gè)游戲就誕生了。原型是一個(gè)之前很火的非常魔性的小游戲，叫尋找程序員。 showImg(https://segmentfault.com/img/bVMGY5?w=900&h=500); 寫在前面 實(shí)際上我從未想過我會(huì)接觸到H5小游...
摘要：前段時(shí)間有寫過一個(gè)在項(xiàng)目中的實(shí)踐。在里邊有解釋了為什么要使用，以及在中的一個(gè)項(xiàng)目結(jié)構(gòu)是怎樣的。關(guān)于的配置文件，在本項(xiàng)目中存在兩份。一個(gè)需要注意的小細(xì)節(jié)因?yàn)槲覀兊呐c實(shí)現(xiàn)版本中都用到了。 前段時(shí)間有寫過一個(gè)TypeScript在node項(xiàng)目中的實(shí)踐。 在里邊有解釋了為什么要使用TS，以及在Node中的一個(gè)項(xiàng)目結(jié)構(gòu)是怎樣的。 但是那僅僅是一個(gè)純接口項(xiàng)目，碰巧趕上近期的另一個(gè)項(xiàng)目重構(gòu)也由我...
閱讀 3707·2021-11-24 10:22
閱讀 3780·2021-11-22 09:34
閱讀 2654·2021-11-15 11:39
閱讀 1584·2021-10-14 09:42
閱讀 3714·2021-10-08 10:04
閱讀 1617·2019-08-30 15:52
閱讀 920·2019-08-30 13:49
閱讀 3079·2019-08-30 11:21
