config/webpack.config.base.js

gistfile1.txt

var path = require('path')
var postCSSConfig = require('./postCSS.config')

const VIEWS_ONLY = process.env.VIEWS_ONLY

const include = path.resolve(__dirname, '../client')
const exclude = /node_modules/

module.exports = {
  devtool: 'inline-source-map',
  output: {
    path: path.join(__dirname, '..', 'dist'),
    filename: 'bundle.js',
    publicPath: '/dist/'
  },
  resolve: {
    extensions: ['.js', '.jsx', '.ts', '.tsx'],
    modules: [
      path.resolve(__dirname, '../client'),
      path.resolve(__dirname, '../node_modules')
    ]
  },
  resolveLoader: {
    extensions: ['.js', '.json'],
    modules: [
      path.resolve(__dirname, '../node_modules'),
      'node_modules'
    ]
  },
  module: {
    rules: [
      { test: /\.js$/, enforce: 'pre', loader: 'source-map-loader', include, exclude},
      { test: /\.jsx?$/, loader: 'babel-loader', include, exclude},
      {
        test: /\.css$/,
        use: [
          'style-loader',
          'css-loader',
          {
            loader: 'postcss-loader',
            options: {
              plugins: postCSSConfig(VIEWS_ONLY ? 'design' : undefined)
            }
          }
        ]
      },
      // { test: /\.tsx?$/, use: ['react-hot-loader', 'babel-loader', 'ts-loader'], exclude: /node_modules/ },
      { test: /\.tsx?$/, use: ['babel-loader', 'ts-loader'], include, exclude },
      { test: /\.(png|jpg)$/, loader: 'file-loader?name=assets/[name].[ext]', include, exclude },
      { test: /\.json$/, loader: 'json-loader' },
      { test: /\.svg$/, loader: 'svg-inline?removeSVGTagAttrs=false' }
    ]
  }
}