2017-03-14 1 views
1

私はアプリを開発しており、すべてのスクリプトをロードする角度2のパフォーマンスを向上させる必要があります。問題は、このエラーです:角2アプリをsystemjsとsystemjs-builderにバンドルするには?

enter image description here

私は一口+ systemjs + systemjs-ビルダーを使用しています。ここに私のファイルです:

[gulpfile]

gulp.task('bundle', function() { 
    var builder = new SystemBuilder('./', './wwwroot/lib/js/systemjs.config.js'); 
    return builder.buildStatic('wwwroot/lib/spa/main.js', 'wwwroot/lib/js/bundle.min.js', { 
     minify: true, 
     mangle: true, 
     rollup: true, 
     runtime: false 
    }); 
}); 

[systemjs.config]

var config = { 
     //use typescript for compilation 
     transpiler: 'typescript', 
     transpilerRuntime: false, 
     //typescript compiler options 
     typescriptOptions: { 
      emitDecoratorMetadata: true 
     }, 
     map: map, 
     packages: packages, 
     defaultJSExtensions: true 
    }; 

あなたはそれが結果としてtranspilerするの.jsを追加され見ることができるようにdefaultJSExtensions:trueです。私は別の何かをする必要がありますか? (私は.jsなしでたくさんのパスがあるので、本当にこのプロパティが真であることが必要です。事前に

感謝=)

+0

こちらをご覧くださいhttp://stackoverflow.com/questions/35867660/build-angular2-html-and-typescript-to-a-single-file/35868706#35868706 – martin

+0

こんにちは、ありがとうございます=)パスのもので2番目の点を試したところ、同じエラーが発生します。 –

答えて

0

私はsystemjsファイル内の設定に

var map = {'typescript': 'node_modules/typescript/lib', ...} 

var packages = {'typescript': { main: "typescript.js", ... }} 

を追加することで問題を解決:systemjs

var config = { 
     //use typescript for compilation 
     transpiler: 'typescript', 
     //typescript compiler options 
     typescriptOptions: { 
      emitDecoratorMetadata: true 
     }, 
     map: map, 
     packages: packages, 
     defaultJSExtensions: true 
    }; 
System.config(config); 

この道を-builderにプロがないブリーメントで蒸散器のパスを見つける。 マーチンのURL(Build Angular2 HTML and TypeScript to a single file)に続いてトピック3を検索したところ、バンドルの読み込みに役立つhttps://github.com/systemjs/systemjs/blob/master/docs/production-workflows.md が見つかりました。 =)

関連する問題