attributes-kit/webpack/base.js

React component for MSON rendering

import path from 'path';

const isProduction = process.env.NODE_ENV === 'production';

export default {
  context: path.join(__dirname, '../'),

  entry: undefined,
  output: undefined,

  // Resolve the `./src` directory so we can avoid writing
  // ../../styles/base.css
  resolve: {
    modules: [
      'node_modules',
      './src',
    ],

    extensions: [
      '.js',
      '.jsx',
      '.svg',
    ],

    alias: {
      minim: path.resolve(__dirname, '../node_modules/minim/dist/minim.js'),
    },
  },

  resolveLoader: {
    modules: [
      'node_modules',
      './webpack/loaders',
    ],
  },

  // Instruct webpack how to handle each file type that it might encounter
  module: {
    loaders: [
      {
        test: /\.js[x]?$/,
        exclude: /node_modules/,
        loaders: (() => {
          const loaders = ['babel-loader'];
          if (!isProduction) {
            loaders.unshift('react-hot-loader/webpack');
          }
          return loaders;
        })(),
      },
      {
        test: /json-formatter-js\/src\/\w+.js$/,
        loader: 'babel-loader',
      },
      {
        test: /\.css$/,
        loader: 'style-loader!css-loader',
      },
      {
        test: /\.(png|jpg)$/,
        loader: 'file-loader?name=images/[name].[ext]',
      },
      {
        test: /\.(svg)$/,
        loader: 'svg-loader',
      },
    ],
  },
};