garbles · August 7, 2017 20:50
diff --git a/index.html b/index.html
 <!doctype html>
 <html lang="en">

 <head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <title></title>
 </head>

 <body>
  <div id="root"></div>
  <script crossorigin src="//cdn.jsdelivr.net/npm/[email protected]/build/phaser.js"></script>
 </body>

 </html>
diff --git a/index.ts b/index.ts
 import Phaser = require('phaser'); // works!
diff --git a/phaser.d.ts b/phaser.d.ts
 /// <reference path="../node_modules/phaser-ce/typescript/phaser.d.ts" />

 declare module 'phaser' {
  export = Phaser;
 }

 declare module 'pixi' {
  export = PIXI;
 }

 declare module 'p2' {
  export = p2;
 }
diff --git a/webpack.config.js b/webpack.config.js
 module.exports = {
  // ...
  externals: {
    phaser: 'Phaser',
    p2: 'p2',
    pixi: 'PIXI',
  },
 };
	<!doctype html>
	<html lang="en">

	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<title></title>
	</head>

	<body>
	<div id="root"></div>
	<script crossorigin src="//cdn.jsdelivr.net/npm/[email protected]/build/phaser.js"></script>
	</body>

	</html>
	/// <reference path="../node_modules/phaser-ce/typescript/phaser.d.ts" />

	declare module 'phaser' {
	export = Phaser;
	}

	declare module 'pixi' {
	export = PIXI;
	}

	declare module 'p2' {
	export = p2;
	}