2016-06-24 10 views
0

Ich habe ein kleines Problem mit Typoskript Import-Anweisung und Webpack-Unterstützung. z.B. Wenn ich Modul A habe, das nur eine Importanweisung hat, und Modul B, das Modul importiert. A. Nach dem Ausführen von webpack watch ist meine Ausgabedatei bundle.js in dem Bereich leer, in dem javaScript-Code erzeugt wird. Es wird empfohlen, dass das Webpack den Import nicht auflöst. Hier ist das Beispiel:Webpack, Typoskript und Import Auflösung

  /*controllerA*/ 
      export class ControllerA{ 
      constructor(){} 
      } 

     /*a.ts*/ 
     import {controllerA} from './controllerA' 

     /*b.ts*/ 
     import * as moduleA from './a' 

Und hier ist meine webpack Konfiguration

module.exports = { 

    entry: ['./b.ts'], 
    output: { 
    filename: 'bundle.js' 

    }, 

resolve: { 
    extensions: ['', '.webpack.js', '.web.js', '.ts', '.js'] 
}, 

    module: { 
    loaders: [ 
    { test: /\.ts$/, loader: 'ts-loader' } 
    ] 
    } 
} 

Irgendwelche Ideen, wie man es beheben?

Antwort

0

Ihre a.ts exportiert nichts. Sie müssen Reexport controllerA nach dem Import, oder einfach nur das import Stichwort in a.ts ersetzen von export

+0

Vielen Dank für sugesstion aber ich habe versucht zu tun, dass auf diese Weise und die Bundle-Datei ist noch leer. Aber was ist interessant, wenn ich Exportanweisung in a.ts verwende, wie du mir gesagt hast und in b.ts ohne Import, alles funktioniert. Die Schlussfolgerung ist, dass ich die Exportkontrolle an jedem Ort verwenden muss –