在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() 
    ] 
};