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