webpack.common.config.js

// webpack common config

const {resolve} = require('path')
const webpack = require('webpack')
const ProgressBarPlugin = require('progress-bar-webpack-plugin')


const isDev = process.env.NODE_ENV === 'development'

const config = {
    output: {
        filename: 'bundle.js',
        path: resolve(__dirname, './public'),
        publicPath: isDev ? 'http://127.0.0.1:3001/public/' : '/public/'
    },

    resolve: {
        extensions: ['.jsx', '.js', '.json', '.scss', '.sass', '.css']
    },

    module: {
        rules: [
            {
                test: /\.(js|jsx)$/,
                exclude: /(node_modules)/,
                use: {
                    loader: 'babel-loader',
                    options: {
                        babelrc: false,
                        presets: [
                            'react',
                            ['env', {'modules': false}],
                            'stage-2'
                        ],
                        plugins: [
                            'syntax-dynamic-import',
                            'transform-decorators-legacy',
                            'transform-runtime'
                        ],
                        env: {
                            development: {
                                plugins: [
                                    'react-hot-loader/babel'
                                ]
                            },
                            production: {
                                plugins: [
                                    'transform-react-remove-prop-types'
                                ]
                            }
                        }
                    }
                }
            },
            {
                test: /\.jpg$/,
                use: {
                    loader: 'url-loader',
                    options: {
                        limit: 10000,
                        mimetype: 'image/jpg',
                        name: 'images/[hash].[ext]'
                    }
                }
            },
            {
                test: /\.png$/,
                use: {
                    loader: 'url-loader',
                    options: {
                        limit: 10000,
                        mimetype: 'image/png',
                        name: 'images/[hash].[ext]'
                    }
                }
            },
            {
                test: /\.woff(\?v=\d+\.\d+\.\d+)?$/,
                use: {
                    loader: 'url-loader',
                    options: {
                        limit: 100000,
                        mimetype: 'application/font-woff',
                        name: 'fonts/[hash].[ext]'
                    }
                },
            },
            {
                test: /\.woff2(\?v=\d+\.\d+\.\d+)?$/,
                use: {
                    loader: 'url-loader',
                    options: {
                        limit: 100000,
                        mimetype: 'application/font-woff2',
                        name: 'fonts/[hash].[ext]'
                    }
                },
            },
            {
                test: /\.ttf(\?v=\d+\.\d+\.\d+)?$/,
                use: {
                    loader: 'url-loader',
                    options: {
                        limit: 100000,
                        mimetype: 'application/octet-stream',
                        name: 'fonts/[hash].[ext]'
                    }
                },
            },
            {
                test: /\.otf(\?v=\d+\.\d+\.\d+)?$/,
                use: {
                    loader: 'url-loader',
                    options: {
                        limit: 100000,
                        mimetype: 'application/font-otf',
                        name: 'fonts/[hash].[ext]'
                    }
                },
            },
            {
                test: /\.eot(\?v=\d+\.\d+\.\d+)?$/,
                use: {
                    loader: 'url-loader',
                    options: {
                        limit: 100000,
                        mimetype: 'application/vnd.ms-fontobject',
                        name: 'fonts/[hash].[ext]'
                    }
                },
            },
            {
                test: /\.svg(\?v=\d+\.\d+\.\d+)?$/,
                use: {
                    loader: 'url-loader',
                    options: {
                        limit: 100000,
                        mimetype: 'image/svg+xml',
                        name: 'svg/[hash].[ext]'
                    }
                },
            }
        ]
    },

    plugins: [
        new webpack.DefinePlugin({
            'process.env': {
                NODE_ENV: isDev ? '"development"' : '"production"'
            },
            _development_: isDev
        }),
        new webpack.optimize.OccurrenceOrderPlugin(),
        new ProgressBarPlugin()
    ]
}


module.exports = config