minify when building for production

Author: turbolent

package.json

@@ -19,8 +19,8 @@
     "examples/"
   ],
   "scripts": {
-    "build": "webpack -p",
-    "prepublishOnly": "npm run build",
+    "buildProduction": "webpack --env production",
+    "prepublishOnly": "npm run buildProduction",
     "lint": "tslint -c tslint.json 'src/**/*.ts'"
   },
   "dependencies": {

webpack.config.js

@@ -1,38 +1,44 @@
 const path = require('path')
+const MinifyPlugin = require("babel-minify-webpack-plugin");
 
-module.exports = {
-  entry: './src/index.ts',
-  module: {
-    rules: [
-      {
-        test: /\.tsx?$/,
-        loader: 'ts-loader',
-        exclude: /node_modules/
-      },
-      {
-        test: /\.css$/,
-        use: [
-          {
-            loader: 'style-loader'
-          },
-          {
-            loader: 'css-loader',
-            options: {
-              modules: true,
+module.exports = (env) => {
+  let plugins = []
+  if (env === 'production')
+    plugins = [new MinifyPlugin()];
+
+  return {
+    entry: './src/index.ts',
+    module: {
+      rules: [
+        {
+          test: /\.tsx?$/,
+          loader: 'ts-loader',
+          exclude: /node_modules/
+        },
+        {
+          test: /\.css$/,
+          use: [
+            {
+              loader: 'style-loader'
+            },
+            {
+              loader: 'css-loader',
+              options: {
+                modules: true,
+              }
             }
-          }
-        ]
-      }
-    ]
-  },
-  resolve: {
-    extensions: [ ".ts", ".js" ]
-  },
-  output: {
-    filename: 'index.js',
-    path: path.resolve(__dirname, 'dist'),
-    libraryTarget: "umd"
-  },
-  plugins: [
-  ]
+          ]
+        }
+      ]
+    },
+    resolve: {
+      extensions: [ ".ts", ".js" ]
+    },
+    output: {
+      filename: 'index.js',
+      path: path.resolve(__dirname, 'dist'),
+      libraryTarget: "umd"
+    },
+    plugins
+  }
 };