webpack.config.js

const path              = require('path');
const webpack           = require('webpack');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const ExtractTextPlugin = require('extract-text-webpack-plugin');
module.exports={
	entry:'./src/app.jsx',
	output:{
		path:path.resolve(__dirname,'dist'),
		publicPath:'/dist/',
		filename:'js/app.js'
	},
	resolve:{
		alias:{
			page:path.resolve(__dirname,'src/page'),
			component:path.resolve(__dirname,'src/component')
		}
	},
	module: {
		rules: [
			{
			  test: /\.jsx$/,
			  exclude: /(node_modules)/,
			  use: {
				loader: 'babel-loader',
				options: {
				  presets: ['env','react']
				}
			  }
			},
			{
				test: /\.css$/,
				use: ExtractTextPlugin.extract({
				  fallback: "style-loader",
				  use: "css-loader"
				})
			},
			{
				test: /\.scss$/,
				use: ExtractTextPlugin.extract({
				  fallback: "style-loader",
				  use: ["css-loader","sass-loader"]
				})
			},
			{
				test: /\.(png|jpg|gif)$/i,
				use: [
					{
						loader: 'url-loader',
						options: {
						  limit: 8192,
						  name:'resource/[name].[ext]'
						}
					}
				]
			},
			{
				test: /\.(woff|woff2|eot|ttf|otf|svg)$/i,
				use: [
					{
						loader: 'url-loader',
						options: {
						  limit: 8192,
						  name:'resource/[name].[ext]'
						}
					}
				]
			}
		]
	},
	plugins:[
		new HtmlWebpackPlugin(
			{
				template:'./src/index.html'
			}
		),
		new ExtractTextPlugin("css/[name].css"),
		new webpack.optimize.CommonsChunkPlugin(
			{
				name:'common',
				filename:'js/base.js'
			}
		)
	],
	devServer:{
		port:8086,
		historyApiFallback:{
			index:'/dist/index.html'
		}
	}
};