webpack.config.js

/**
 * Created by xiangxn on 2016/12/11.
 */
let path = require('path');
let webpack = require('webpack');
let ExtractTextPlugin = require('extract-text-webpack-plugin');
var git = require("git-rev-sync");

var root_dir = path.resolve(__dirname);

module.exports = {
    entry: ['webpack/hot/dev-server', path.resolve(root_dir, './app/main.js')],
    output: {
        path: path.resolve(root_dir, 'build/assets'),
        filename: 'bundle.js',
        publicPath: '/assets/'
    },
    devServer: {
        host: "0.0.0.0",
        port: 8080,
        hot: true
    },
    module: {
        loaders: [
            {
                test: /\.js|jsx$/,
                exclude: [/node_modules/],
                loaders: ['babel?presets[]=es2015,presets[]=react,presets[]=stage-0']
            },
            {
                test: /\.scss$/,
                loader: ExtractTextPlugin.extract('style', 'css!postcss!sass')
            },
            {
                test: /\.(png|jpg|jpeg|gif|woff|otf)$/, loader: 'url?limit=8192'
            },
            {
                test: /\.json$/, loader: 'json',
                exclude: [
                    path.resolve(root_dir, "common")
                ]
            }]
    },
    postcss: [
        require('autoprefixer')
    ],
    plugins: [
        new webpack.DefinePlugin({
            'process.env': {
                NODE_ENV: JSON.stringify('development')
            },
            APP_VERSION: JSON.stringify(git.tag()),
            __BASE_URL__: JSON.stringify("assets"),
            __HASHHISTORY__: true
        }),
        new webpack.HotModuleReplacementPlugin(),
        new ExtractTextPlugin('style.css', {allChunks: true})
    ],
    node: {
        fs: "empty"
    }
};