webpack.config.js

module.exports = {
  entry: "./src/index.tsx",
  output: {
    filename: "bundle.js",
    path: __dirname + "/dist"
  },
 
  // デバッグ用にソースマップの出力を有効にします。
  devtool: "source-map",
 
  resolve: {
    // 解決可能な拡張子として、'.ts' と '.tsx' を追加します。
    extensions: [".ts", ".tsx", ".js", ".json"]
  },
 
  module: {
    rules: [
      // 拡張子が .ts と .tsx　のファイル を 'awesome-typescript-loader' で
      // 扱うようにします。
      { test: /\.tsx?$/, loader: "awesome-typescript-loader" },
 
      // 出力されるすべての .js ファイルは、'source-map-loader' で
      // 再加工されたソースマップを持ちます。
      { enforce: "pre", test: /\.js$/, loader: "source-map-loader" }
    ]
  },
  plugins: [
    new webpack.DefinePlugin({
      'process.env.GOOGLE_API': JSON.stringify(process.env.GOOGLE_API),
    }),
    new webpack.optimize.UglifyJsPlugin({
      compress: {
        warnings: false
      }
    })
  ],
 
};