在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之後執行「post」規則。但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() 
    ] 
};