webpack.config.js

const env = process.env.NODE_ENV ? process.env.NODE_ENV : 'development'; // NODE_ENV is by command for production only
const path = require('path')
const output = require('./config/webpack/output')
const plugins = require('./config/webpack/plugins')
const rules = require('./config/webpack/rules')

let webpackOptions = {
  mode: env,
  target: 'web',
  entry: {
    RamaSlider: './src/index.ts',
    BasicSlider: './src/BasicSlider/index.ts',
    FadeSlider: './src/FadeSlider/index.ts',
    AnimatedSlider: './src/AnimatedSlider/index.ts'
  },
  output,
  plugins,
  resolve: {
    // Add `.ts` and `.tsx` as a resolvable extension.
    extensions: [".ts", ".tsx", ".js"]
  },
  module: {
    rules
  },
  // webpack-dev-server require webpack file to be named webpack.config.json
  devServer: {
    contentBase: path.join(__dirname, 'build'),
    compress: true,
    port: 8080,
    host: '0.0.0.0'
  }
}

if (env === 'development') {
  webpackOptions.devtool = 'inline-source-map'
}

module.exports = webpackOptions