react-ui-component/webpack.config.js

some component build with ReactJs

var path = require('path');
var webpack = require('webpack');
var HtmlWebpackPlugin = require('html-webpack-plugin');
var precss = require('precss');
var autoprefixer = require('autoprefixer');
var ForceCaseSensitivityPlugin = require('force-case-sensitivity-webpack-plugin');
var publicPath = process.env.NODE_ENV === 'dev' ? '/dist/' : '';

const plugins = [
    new webpack.optimize.OccurenceOrderPlugin(),
    new webpack.HotModuleReplacementPlugin(),
    new webpack.NoErrorsPlugin(),
    new ForceCaseSensitivityPlugin(),
]
if (process.env.NODE_ENV !== 'dev') {
    plugins.push(
        new webpack.DefinePlugin({
            "process.env": {
                NODE_ENV: JSON.stringify("production")
            }
        })
    )
}

module.exports = {
    entry: {
        app: [
            "./demo/entre.js",
            "webpack-hot-middleware/client?path=/__webpack_hmr&timeout=2000&overlay=false"
        ]
    },
    output: {
        path: path.join(__dirname, 'dist'),
        filename: 'demo.js',
        publicPath: publicPath
    },
    plugins: plugins,
    module: {
        loaders: [{
            test: /\.less$/,
            loader: "style-loader!css-loader!postcss-loader!less-loader"
        }, {
            test: /\.css$/,
            loader: "style-loader!css-loader!postcss-loader"
        }, {
            test: /\.js$/,
            exclude: /(node_modules|bower_components)/,
            loader: "babel"
        }, {
            test: /\.jsx?$/,
            exclude: /(node_modules|bower_components)/,
            loader: 'babel',
        }],
        postcss: function() {
            return [autoprefixer, precss];
        }
    },

};