gulp uglifyを使用して、角度2でミニファイルを読み込む方法は？（活字体バンドルファイルをminifiesた）

私はtypescriptですコンパイラオプションで角度2アプリケーションが私のindex.htmlで今Scripts1.jsとScripts1.js.mapgulp uglifyを使用して、角度2でミニファイルを読み込む方法は？（活字体バンドルファイルをminifiesた）

ある単一てoutFileを生成するように定義されてい

この使用して一気に

マイgulpFile.js

gulp.task('MinifyBundled', function() { 

    console.log('testiang'); 
    return gulp.src(config.src2) 
     .pipe(uglify()) 
     .pipe(gulp.dest('app/')); 

})

をuglifyする方法今、正常に動作している

<script src="Scripts/Script1.js"></script> 
    <script> 
      System.config({ 
       packages: { 
        'V1/components/main': { 
         format: 'register', 
         defaultExtension: 'js', 
         defaultJSExtensions: true 
        } 
       } 
      }); 
      debugger; 
      //System.import('Scripts/main') 
      System.import('V1/components/main') 
        .then(null, console.error.bind(console)); 
     </script>

私はそれが動作していない、この縮小さファイルとコンソールにエラー

<script src="app/Script1.js"></script>

が含まれている場合、今私のアプリのフォルダにScript1.jsを生成

。私は醜いながら地図ファイルがないと思う。 WebPACKの他のバンドルまたは縮小ツールを提案しないでください、私はあなたのすべてのファイルからバンドルを作成する場合は、使用する方がよいでしょうすべての

出典

2016-07-21 sudhir

のはうんざりだ：私はこの

gulp.task('MinifyBundled', function() { 

    console.log('testiang'); 
    return gulp.src(config.src2) 
     .pipe(sourcemaps.init({ loadMaps: true })) 
     .pipe(uglify()) 
     .pipe(sourcemaps.write('app/')) 
     .pipe(gulp.dest('app/')); 

})

PSを試してみましたsystem.JS（System JSは実行時にすべてのモジュールファイルをロードしますが、Webpackはすべてのファイルからバンドルを作成します）

元の角度のドキュメントでWebpackファイルを作成する方法についての素晴らしい説明があります。 https://angular.io/docs/ts/latest/guide/webpack.html

出典

2016-07-21 10:49:05

はすでに私が一気化連結を使用して、私はそれをバンドルすることを試みたと私たちは複数のregusterのようなエラーがsystem.import – sudhir

にインポートすることはできませんわかりました私が見る何を得るあなたにあなたのファイルをバンドルしていて動的にロードしていない場合は、webpackとsystem.jsを使用してください。私の回答を更新します。 –

私はすでに選択肢を探していません私はすべての人にあまりにも多くの問題に直面していて、最終的にここに上陸したので、gulpを使用してtypescriptのバンドルされたファイルを縮小して使用するかどうかを質問します。。時間をかけて助けてくれてありがとう。 – sudhir

アプリケーションの開発にAngular 2 CLIを使用することをお勧めします。ビルド、ランニング、ユニットテスト、TSファイルのトランスリレーション、ページを作成できるNGコマンド、あらかじめ定義されたコードによるルートなどのベースラインのすべての作業を提供します。

Uglifyも偽として設定マングルオプションでuglify

出典

2016-07-21 10:55:21

何かコードやリファレンスを提供できますか？ – sudhir

Youtubeで2016ビデオを再生し、Angular CLIプレゼンテーションを探しましょう。その素晴らしいスタートを切ってください。 –

ご注意：Angular2 CLIを使用する場合は、公式なプロジェクト構造に従わなければなりません。 –

するTryゴクゴクをprodに角度2 CLI環境を変更することで行うことができます。すなわち .pipe（（uglify）、{マングル：偽}）

出典

2017-02-28 11:47:26

gulp uglifyを使用して、角度2でミニファイルを読み込む方法は？ （活字体バンドルファイルをminifiesた）

答えて

関連する問題

gulp uglifyを使用して、角度2でミニファイルを読み込む方法は？（活字体バンドルファイルをminifiesた）