TypeScriptとWebpackでUglifyを使用する2

Question

私はWebpack 2の初心者です。TypeScriptをJavaScriptに変換し、UglifyでJavaScriptを縮小するビルドを設定しようとしています。しかし、私はwebpack.config.jsでこれを設定する方法を知らない。

module.exports = { 
    entry: "./app.ts", 
    output: { 
    filename: "./app.js" 
    }, 
    resolve: { 
    extensions: [".ts"] 
    }, 
    module: { 
    rules: [ 
     { 
     test: /.ts/, 
     loader: "awesome-typescript-loader!tslint-loader" 
     }, 
     { 
     enforce: "post", 
     test: /.js/, 
     loader: "uglify-loader" 
     }  
    ] 
    } 
}; 

は、私にはJavaScriptが生成された後、「ポスト」のルールが実行されることを期待したい：ここに私の試みです。しかし、Uglifyローダーはまったく呼び出されていません。

Answer 1

ローダーの代わりにプラグインで行う必要があります。 は、ここで説明https://webpack.js.org/plugins/uglifyjs-webpack-plugin/

あなたの設定にプラグインを追加する必要があります

const UglifyJSPlugin = require('uglifyjs-webpack-plugin'); 

module.exports = { 
    entry: {...}, 
    output: {...}, 
    module: {...}, 
    plugins: [ 
    new UglifyJSPlugin() 
    ] 
};