webpack.config.js

const path = require('path')
const merge = require('webpack-merge')
var WebpackBuildNotifierPlugin = require('webpack-build-notifier')

const parts = require('./webpack.parts')

const PATHS = {
  src: path.join(__dirname, './src'),
  build: path.join(__dirname, './build')
}

const commonConfig = merge([
  {
    entry: {
      'typescript-component': PATHS.src + '/TypeScriptComponent.ts'
    },
    output: {
      path: PATHS.build,
      filename: '[name].js',
      library: 'TypeScriptComponent',
      libraryTarget: 'umd'
    },
    devtool: 'source-map',
    module: {
      rules: [
        {
          test: /\.ts$/,
          use: [{
            loader: 'ts-loader'

          }]
        },
        {
          test: /\.p?css$/,
          use: [
            {
              loader: 'style-loader'
            },
            {
              loader: 'css-loader',
              options: {
                importLoaders: 1, url: false
              }
            },
            {
              loader: 'postcss-loader'
            }
          ]
        }
      ],
    },

    resolve: {
      // you can now require('file') instead of require('file.js')
      extensions: ['.ts', '.js']
    },

    plugins: [
      new WebpackBuildNotifierPlugin({
        title: 'My Project Webpack Build'
      }),
    ]
  },
])


const productionConfig = merge([])

const developmentConfig = merge([

  /*  parts.devServer({
   // Customize host/port here if needed
   host: process.env.HOST,
   port: process.env.PORT,
   })*/
])

module.exports = (env) => {
  if (env === 'production') {
    return merge(commonConfig, productionConfig)
  }

  return merge(commonConfig, developmentConfig)
}