Why I cannot import "three" module for TypeScript

Questions
8

I use AMD and RequireJS for debugging in VSCode using Chrome Extension and for publishing my simple multi files TypeScript examples on Playground like Plunker Getting started with Three.js and TypeScript It is very important to know how to publish examples for questions. Everyone can Fork my example on Plunker and publish his example for question or for demo. It is like JSFiddle or Codepen but they allow to publish only one-file example in TypeScript.

I uploaded this example on GitHub: https://github.com/8Observer8/getting-started-with-threejs-and-typescript You can download it and type these commands:

npm install
npm run debug
http-server

And you can set breakpoints in VSCode.

For production/release version I bundle with Browserify and compress the bundle with UglifyJS. I have installed these modules globally only once:

npm i browserify uglifyjs -g

Now you can compile/browserify/minify using this command:

npm run release

But to run this example in release/production mode you need to go in the “Program.ts” file, comment the “Debug Version” line and uncomment “Release Version” line, like this:

// Debug and Playground-Plunker Version
// Program.Main();

// Release Version
window.onload = () => Program.Main();

Go to the “public/index.html” and make the same:

<!-- Debug and Playground-Plunker Version -->
<!-- <script data-main="js/RequireConfig"
    src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.6/require.min.js"></script> -->

<!-- Release Version -->
<script src="js/bundle.min.js"></script>