ようangularjsためoclazyloader経由

Question

ときlazyLoadingスクリプトファイルにコンパイルされるようにlazyloadedファイル（* .TS）を聞かせする正しい方法は何ですか：

$stateProvider 
.state('tokenReceived', { 
    url: '/somurl', 
    //templateUrl: '/views/index.html', 
    controller: "controllers.loremCtrl", 
    resolve: { 
     deps: ['$ocLazyLoad', function ($ocLazyLoad) { 
      return $ocLazyLoad.load({ 
       files: [ 
        scriptPath + 'loremCtrl.js' 
       ], 
       cache:false 
      }); 
     }] 
    } 
}) 

アンディ私tsconfig.jsonファイルが

{ 
    "compilerOptions": { 
    "module": "commonjs", 
    "typeRoots": [ 
     "./node_modules/@types/" 
    ], 
    "noImplicitAny": false, 
    "noEmitOnError": true, 
    "removeComments": false, 
    "sourceMap": true, 
    "target": "es5" 
    }, 
    "exclude": [ 
    "node_modules", 
    "wwwroot" 
    ] 
} 

のように見えますが、

のWebPACKの内側に定義されたエントリが

ラズを聞かせする正しい方法は何か

module.exports = function (env) { 
    return Merge(require(`./webpack.${env}.js`), { 
     entry: { 
      vendor: [ 
       "jquery", 
       "toastr" 
      ], 
      rootApp: "./Scripts/rootApp.js", 
     }, 
     resolve: {    
      extensions: [".ts", "tsx", ".js"] 
     }, 
     module: { 
      rules: [ 
       //NON-PRE     
       { test: /\.ts?$/, loader: "ts-loader" }, 
       { test: /\.css$/, use: ExtractTextPlugin.extract({ use: ['css-loader'] }) }, 
       //PRE 
       { test: /(\.png|\.gif|\.ttf|\.eot|\.woff|\.svg)/, loader: "file-loader", enforce: "pre", }, 
       { test: /\.js$/, loader: "source-map-loader", enforce: "pre", } 
      ] 
     }, 
    } 
} 

のように見えますwebpack2によってコンパイルされるyloadedファイル（* .ts）？

最初はtsconfig.jsonに入っていましたcompileOnSave：trueこれはwebpackと組み合わせる必要はありませんか？私は何か見落としてますか？

"loremCtrl.ts"はコンパイルされ、 "rootApp.js"に保存されていますか？ webpackを使ってlazyloadedファイルをコンパイルするにはどうすればよいですか？

Answer 1

これは、開発時にwebpack-dev-serverと組み合わせてlazyloadedコードを更新するようにしか見えません。