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"
      }      
    ]
  }
};

我希望＆＃34;帖子＆＃34;生成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()
  ]
};

将Uglify与TypeScript和Webpack 2一起使用

1 个答案: