@natlibfi/melinda-transliteration/config/webpack.config.dev.js

UI for transliterating MARC records in Melinda

const path = require('path');
const webpack = require('webpack');

// App files location
const PATHS = {
  app: path.resolve(__dirname, '../frontend/js'),
  commons_frontend: path.resolve(__dirname, '../node_modules/@natlibfi/melinda-ui-commons/dist/frontend'),
  commons_styles: path.resolve(__dirname, '../node_modules/@natlibfi/melinda-ui-commons/dist/frontend/styles'),
  commons_server: path.resolve(__dirname, '../node_modules/@natlibfi/melinda-ui-commons/dist/server'),
  styles: path.resolve(__dirname, '../frontend/styles'),
  build: path.resolve(__dirname, '../build')
};

const plugins = [
  // Shared code
  new webpack.optimize.CommonsChunkPlugin({ name:'vendor', filename: 'js/vendor.bundle.js' }),
  // Avoid publishing files when compilation fails
  new webpack.NoEmitOnErrorsPlugin(),
  new webpack.DefinePlugin({
    'process.§.NODE_ENV': JSON.stringify('development'),
    __DEV__: JSON.stringify(JSON.parse(process.env.DEBUG || 'false')),
    __PROD__: JSON.stringify(false)
  }),
  new webpack.optimize.OccurrenceOrderPlugin()
];

module.exports = {
  // env : process.env.NODE_ENV,
  entry: {
    app: [
      'babel-polyfill',
      'react-hot-loader/patch',
      path.resolve(PATHS.app, 'main.js')
    ],
    vendor: ['react']
  },
  output: {
    path: PATHS.build,
    filename: 'js/[name].js',
    publicPath: '/'
  },
  stats: {
    colors: true,
    reasons: true
  },
  resolve: {
    alias: {
      commons: path.resolve(PATHS.commons_frontend, 'js'),
      styles: PATHS.commons_styles,
      transformations: path.resolve(PATHS.commons_server, 'record-transformations'),
    },
    // We can now require('file') instead of require('file.jsx')
    extensions: ['.js', '.jsx', '.scss']
  },
  module: {
    loaders: [
      {
        test: /translit\.js$/,
        loaders: ['shebang-loader'],
      },
      {
        test: /\.jsx?$/,
        loaders: ['babel-loader', 'shebang-loader'],
        include: [PATHS.app, PATHS.commons_frontend, PATHS.commons_server]
      },
      {
        test: /\.scss$/,
        use: [
          'style-loader',
          'css-loader?sourceMap',
          { loader: 'postcss-loader', options: { config: { path: 'postcss.config' } } },
          'sass-loader?outputStyle=compressed'
        ]
      },
      {
        test: /\.css$/,
        include: [PATHS.styles, PATHS.commons_styles],
        use: [
          'style-loader',
          'css-loader',
          { loader: 'postcss-loader', options: { config: { path: 'postcss.config' } } }
        ]
      },
      // Inline base64 URLs for <=8k images, direct URLs for the rest
      {
        test: /\.(png|jpg|jpeg|gif|svg|woff|woff2|eot|ttf)$/,
        loader: 'url-loader?limit=8192'
      }
    ]
  },
  plugins: plugins,
  devServer: {
    contentBase: path.resolve(__dirname, '../frontend'),
    port: 3000,
    historyApiFallback: true
  },
  devtool: 'eval'
};