webpack.config.js

var webpack = require('webpack');


module.exports = {
	devtool: 'eval-source-map',//配置生成Source Maps，选择合适的选项

	entry: __dirname + "/app/main.js", // 唯一入口文件
	output: {
		path: __dirname + "/public",// 打包后的文件存放的地方
		filename: "bundle.js"// 打包后输出文件的文件名
	},


	module: {//在配置文件里添加JSON loader
		loaders: [
			{
				test: /\.json$/,
				loader: "json-loader"
			},
			{
				test: /\.js$/,
				exclude: /node_modules/,
				loader: 'babel-loader', //在webpack的module部分的loaders里进行配置即可
				query: {
					presets: ['es2015', 'react']
				}
			},
			{
				test: /\.css$/,
				use: [
					'style-loader',
					{
						loader: 'css-loader',
						options: { modules: true, sourceMap: true }
					},
					'postcss-loader'
				],


			}
		]
	},


	devServer: {
		contentBase: __dirname + "/public", //本地服务器所加载的页面所在的目录
		compress: true,  // 是否使用Gzip
		port: 9000, // 指定端口 不指定端口默认为1080
		historyApiFallback: true, //不跳转
		inline: true //实时刷新
	},
	plugins: [
		new webpack.BannerPlugin("嘿嘿，生效了"),//在这个数组中new一个就可以了
		new webpack.optimize.UglifyJsPlugin(), // 代码混淆
		new webpack.DefinePlugin({
			'process.env.environment': JSON.stringify(process.env.NODE_ENV)
		}),

	],

}