webpack.config.js

const path = require('path')
const CopyWebpackPlugin = require('copy-webpack-plugin')
const ExtractTextPlugin = require('extract-text-webpack-plugin')

const config = {
  entry: {
    entry: './web/static/js/entry.js',
    events: './web/static/js/events.js',
    'nav.desktop': './web/static/js/nav.desktop.js',
    'nav.mobile': './web/static/js/nav.mobile.js',
    'vox-report': './web/static/js/vox-report.js',
    'leaderboard-report': './web/static/js/leaderboard-report.js',
    standup: './web/static/js/standup.js',
    petition: './web/static/js/petition.js',
    app: './web/static/js/app.js',
    spa: './web/static/js/spa.js',
    css: [
      './web/static/css/app.css',
      './web/static/css/bnc.css',
      './web/static/css/jd.css',
      './web/static/css/footer.css',
      './web/static/css/header.css',
      './web/static/css/tab-menu.css'
    ]
  },

  output: {
    path: path.resolve(__dirname, 'priv/static'),
    filename: 'js/[name].js'
  },

  module: {
    loaders: [
      {
        test: /\.js$/,
        exclude: /node_modules/,
        loader: 'babel-loader',
        query: {
          presets: ['es2015', 'react'],
          plugins: [
            'transform-class-properties',
            'transform-object-rest-spread'
          ]
        }
      },
      {
        test: /\.css$/,
        loader: ExtractTextPlugin.extract({
          fallback: 'style-loader',
          use: 'css-loader'
        })
      }
    ]
  },

  resolve: {
    alias: {
      'shoelace.css': path.join(__dirname, 'node_modules/shoelace-css/dist/shoelace.css'),
      phoenix_html: path.join(__dirname, '/deps/phoenix_html/web/static/js/phoenix_html.js'),
      phoenix: path.join(__dirname, '/deps/phoenix/web/static/js/phoenix.js')
      // react: 'react-lite',
      // 'react-dom': 'react-lite'
    }
  },

  plugins: [
    new ExtractTextPlugin('css/app.css'),
    new CopyWebpackPlugin([{ from: './web/static/assets' }])
  ]
}

if (process.env.NODE_ENV == 'production') {
  config.resolve.alias['react'] = 'react-lite'
  config.resolve.alias['react-dom'] = 'react-lite'
}

module.exports = config