Angular2ファイルを適切に縮小する方法

Question

A2からwebpack buildを作成しました。それは私のすべてのコンポーネントを持つ大きなファイルであり、このファイルは正しく動作します（もし、このファイルをミニバージョンにすると、このファイルをインクルードすると）、すべてのコンポーネント/ビュー/テンプレートは期待どおりに動作します。 しかし、私はgulpでこのファイルを醜いものにしたいと思っています。そして、細かくした後、いくつかの機能が失われたり正しく動作しません。例えば、いくつかのhtmlテンプレートはレンダリングされません。 私が知りたいこと - 私が逃したもの、または私のgulpfileが正しく設定されていないのでしょうか？ はここにある：

var gulp = require('gulp'), 
     aa_rename = require('gulp-rename'), 
     aa_uglify = require('gulp-uglify'), 
     aa_sourcemaps = require('gulp-sourcemaps'); 

gulp.task('aa-production', function() { 
    return gulp.src([ 
     'AppProductionLive/angular2live.js', 
    ]) 
     .pipe(aa_sourcemaps.init()) 
     .pipe(aa_rename('a2uglify.js')) 
     .pipe(aa_uglify()) 
     .pipe(aa_sourcemaps.write('./')) 
     .pipe(gulp.dest('AppProductionLive')); 
}); 

gulp.task('default', ['aa-production'], function() {}); 

は、コードが縮小されているときに何かが失われ、ようです。 コンソールでエラーが表示されませんでした。

Answer 1

webpackを使用すると、UglifyJsPluginを使用してコードを醜くすることができます。チェックのJSのofficial usage documentation

const UglifyJsPlugin = require('webpack/lib/optimize/UglifyJsPlugin'); 

plugins: [ 
    // your other webpack plugin 

    new UglifyJsPlugin({ 
    beautify: false, //prod 
    mangle: { 
     screw_ie8: true, 
     keep_fnames: true 
    }, //prod 
    compress: { 
     screw_ie8: true 
    }, //prod 
    comments: false //prod 
    }) 
]