从 TypeScript 和 webpack 编译的奇怪的 JS 文件

Question

我正在将我的插件从 gulp 迁移到 webpack 2，但我对完成的 js 文件有疑问。

文件被缩小和压缩。

我的 webpack 配置文件：

// webpack.config.js
const webpack = require('webpack');

const config = {
  entry: './src/ts/amt-rating.ts',
  resolve: {
    extensions: ['.ts', '.js']
  },
  module: {
    rules: [
      { 
        test: /\.tsx?$/, 
        exclude: /node_modules/,
        loader: 'ts-loader?tsconfig=tsconfig.json'
      }
    ]
  },
  plugins:[
    new webpack.DefinePlugin({
        'process.env': {
            'NODE_ENV': JSON.stringify(process.env.NODE_ENV)
        }
    })
  ]
}

//if production
if (process.env.NODE_ENV === 'production') {
    config.output = {
        filename: 'dist/js/amt-rating.min.js'
    }
    //uglify js options
    config.plugins.push(
        new webpack.optimize.UglifyJsPlugin({
            compress: {
                screw_ie8: true,
                minimize: true
            }
        })
    )


}
else{

    config.output = {
        filename: 'dist/js/amt-rating.js'
    }

    config.devtool = "#cheap-module-source-map"

}

module.exports = config;

这里是我的 tsconfig 文件：

{
    "compilerOptions": {
        "target": "es5",
        "noImplicitAny": true,
        "removeComments": true,
        "preserveConstEnums": true,
        "sourceMap": true
    },

    "include": [
        "src/ts/*.ts"
    ],
    "exclude": [
        "node_modules"
    ]
}

我不想将我的打字稿编译成一个没有任何依赖关系的非常简单的 javascript 文件。

Answer 1

这可以实现缩小和压缩：

//uglify js options
config.plugins.push(
    new webpack.optimize.UglifyJsPlugin({
        compress: {
            screw_ie8: true,
            minimize: true
        }
    })
)

如果NODE_ENV 设置为production，则设置为运行。确保您已将其设置为 development 以获取未缩小的版本。