webpack.config.js

var path=require('path');

var webpack=require('webpack');

var HtmlWebpackPlugin = require('html-webpack-plugin');

var ExtractTextPlugin = require("extract-text-webpack-plugin");

module.exports={

    entry:[ //入口文件配置

       //'webpack/hot/dev-server',

        path.resolve(__dirname,"src/")

    ],

    output:{    //文件导出的配置

        path:path.resolve(__dirname,'build'),

        publicPath:'/',

        filename:'js/bundle.js'

    },

    module:{

        loaders:[

            {

                test:/\.(less|css)$/,

                loader:ExtractTextPlugin.extract('css!autoprefixer!less')

            },

            {

                test:/\.(js|jsx)$/, //注意是正则表达式，不要加引号，匹配要处理的文件

                exclude:/(node_modules|bower_components)/, //排除不处理的目录

                loader:"babel", //要使用的loader，"-loader"可以省略

                query:{

                    presets:['es2015','react']

                }

            },

            {

                test:/\.(jpe?g|gif|png|ico|svg)$/,

                loader:'url?limit=1000&name=images/[name].[ext]'

            }

        ]

    },

    plugins:[   //配置插件

        new webpack.HotModuleReplacementPlugin(),   //开启热替换插件

        new webpack.NoErrorsPlugin(),   //报错但不退出webpack进程

        new ExtractTextPlugin('css/app.min.css'),    //将css成生文件，而非内联

        new HtmlWebpackPlugin({

            filename:"index.html",  //生成html存放的路径

            inject:"body",  //允许插件修改哪些内容，包括head与body

            template:"./src/index.html",    //html模版路径

            hash:true,  //为静态资源生成hash值

            //minify:{    //压缩html文件

            //    removeComments:true,   //移除html中的注释

            //    collapseWhitespace:true //删除空白字符与换行符

            //}

        }),

        //压缩打包的文件

        //new webpack.optimize.UglifyJsPlugin({

        //    compressor: {

        //        warnings: false,

        //        screw_ie8: true

        //    }

        //})

    ]

};