webpack - これらのインポートステートメントはどのように違いますか？

Question

webpack 2とtypescriptの使用を前提とすると、これらのステートメントの違いは何か。 （私見悪い）のドキュメントを通じてトロールにもかかわらず、正確に何が起こるかwebpack 2 ...
の場合

import "moment"; 
import "imports-loader?window=>this!moment"; 
import "script-loader!moment"; 
import * as moment from "moment"; 
import { moment } from "moment"; 

は、それは私にとって非常に明確ではありません。

script-loaderを使用してscript-loaderでインポート他のライブラリにはいくつかのライブラリを利用できるように思われること、例えば、Iを発見したが、は、他のES6インポートライブラリをグローバルスコープにそれを入れていません。

{ 
    "compileOnSave": true, 
    "compilerOptions": { 
    "moduleResolution": "node", 
    "target": "es5", 
    "sourceMap": true, 
    "experimentalDecorators": true, 
    "emitDecoratorMetadata": true, 
    "pretty": true, 
    "lib": [ "es6", "dom" ], 
    "types": [] 
    }, 
    "exclude": [ 
    "node_modules", "wwwroot/lib", "bower_components" 
    ] 
} 

Answer 1

三つの形式：：

import "moment"; 
import * as moment from "moment"; 
import { moment } from "moment"; 

• import "moment";

副作用のファイルをインポートし、参照用

：これは私のようtsconfig.jsonが見えます。

• import * as moment from "moment";

という名前としてmoment

• import { moment } from "moment";

はモジュールから輸出momentという名前をインポートファイルに完全なモジュールをインポートします。

もっと

ES6の輸入/モジュールの構文上の記事を読むまで

のWebPACK

のWebPACKはまた、あなたが例えば、インポートでローダーを使用することができます

import "imports-loader?window=>this!moment"; 
import "script-loader!moment"; 

これらは、個々のローダのドキュメントに記載されています。 https://github.com/webpack-contrib/imports-loader