excaliburjs / template-ts-webpack

Excalibur TypeScript & Webpack template

Excalibur TypeScript & Webpack Starter

This is a barebones Excalibur game engine starter built using Typescript 4 & Webpack 5. It's a great starting place to jumpstart building your game! This repo is a template and can be used to create your own repository in GitHub.

Check out our other samples while you build your game or ask us questions.

Get Started

• Using Node.js 14 (LTS) and npm
• Run the npm install to install dependencies
• Run the npm start to run the development server to test out changes
  • Webpack will build the Typescript into Javascript
  • Webpack dev server will host the script in a little server on http://localhost:8080/

Publishing

• Run npm run build:dev to produce Javascript bundles for debugging in the dist/ folder
• Run npm run build:prod to produce Javascript bundles for production (minified) in the dist/ folder

The dist/ folder can be deployed to a static web host. We recommend Netlify or GitHub Pages since they are free to use.

template-ts-webpack's Issues

Change dependency renovation bot commits to use Conventional Commit format

Context

See excaliburjs/Excalibur#1508

Proposal

See excaliburjs/Excalibur#1508

Images

Where need save textures/images? When i try add texture new ex.Texture('./textures/texture.png'), i got error [Error] : Failed to load resource ./textures/texture.png server responded with error code 404

Action Required: Fix Renovate Configuration

There is an error with this repository's Renovate configuration that needs to be fixed. As a precaution, Renovate will stop PRs until it is resolved.

Error type: Cannot find preset's package (github>whitesource/merge-confidence:beta)

template-ts-webpack: `npm run dev` does not work

This is for template-ts-webpack.

Two problems.

1. npm run dev runs a server on localhost:8080, not on localhost:8082 as the documentation seems to suggest.
2. Navigating to localhost:8080 yields an Uncaught TypeError: this.path.indexOf is not a function; stacktrace suggests this is in index.ts, line 31.

Environment: Windows 10, Cygwin, nodejs.org (14.15.3 LTS) install.

Dependency Dashboard

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

• chore: Update dependency webpack-merge to v6

Detected dependencies

github-actions

.github/workflows/node.js.yml

• actions/checkout v4
• actions/setup-node v4

npm

package.json

• excalibur 0.29.3
• clean-webpack-plugin 4.0.0
• compression-webpack-plugin 11.1.0
• html-webpack-plugin 5.6.0
• @excaliburjs/testing 0.25.1
• source-map-loader 5.0.0
• ts-loader 9.5.1
• typescript 5.5.3
• terser-webpack-plugin 5.3.10
• webpack 5.93.0
• webpack-cli 5.1.4
• webpack-dev-server 5.0.4
• webpack-merge 5.10.0

nvm

.nvmrc

• node 20.15.1

---

• Check this box to trigger a request for Renovate to run again on this repository

Enabling Github Template

Context

I want to use this template but I am not too keen on having to fork and clone this repository,

Proposal

One solution I can think of is enabling this repo as a Github template so people can just click "Use this template"

bug(webpack): npm start is failing with contentBase error

Steps to Reproduce

npm start

Expected Result

Dev server should boot up

Actual Result

I see this error:

[webpack-cli] Invalid options object. Dev Server has been initialized using an options object that does not match the API schema.
 - options has an unknown property 'contentBase'. These properties are valid:
   object { allowedHosts?, bonjour?, client?, compress?, devMiddleware?, headers?, historyApiFallback?, host?, hot?, http2?, https?, ipc?, liveReload?, magicHtml?, onAfterSetupMiddleware?, onBeforeSetupMiddleware?, onListening?, open?, port?, proxy?, setupExitSignals?, static?, watchFiles?, webSocketServer? }

Environment

• browsers and versions:
• operating system:
• Excalibur versions:
• (anything else that may be relevant)

Current Workaround

Add Conventional Commits tooling

Context

See excaliburjs/Excalibur#1503

Proposal

See excaliburjs/Excalibur#1503

Bundle fails with dist/excalibur.d.ts is not a module.

When I run webpack, I get the following error:

ERROR in ./index.ts
(1,21): error TS2306: File '/[...]/node_modules/excalibur/dist/excalibur.d.ts' is not a module.

I found a workaround that requires manually editing the definition file, adding: export = ex; which seems less than ideal. Is this expected?