garbles/index.html

## 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/phaser-ce@2.8.3/build/phaser.js"></script>
</body>

</html>

## index.ts
import Phaser = require('phaser'); // works!

## 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;
}

## 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/phaser-ce@2.8.3/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;
	}
	module.exports = {
	// ...
	externals: {
	phaser: 'Phaser',
	p2: 'p2',
	pixi: 'PIXI',
	},
	};