webpack 基本配置 - 01

const webpack = require('webpack');
const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const ExtractTextPlugin = require("extract-text-webpack-plugin");
const CleanPlugin = require('clean-webpack-plugin');

const PATH = {
     src:path.join(__dirname, 'src'),
     build:path.join(__dirname, 'build')
}

module.exports ={

    entry:{
        app:PATH.src,
        // vendor:[
        //     PATH.src+'/common/jquery',
        //     PATH.src+'/common/layer/layer'
        // ]
    },
    output:{
        // publicPath 配置上线时的路径
        // 可有效解决css loader 和url loader路径不一致问题
        publicPath:'/',
        path:PATH.build,
        filename:'./js/[name].js',
        chunkFilename:'./js/[name].chunck.js'
    },
    module:{
        loaders:[
            {
                test:/\.(png|gif|jpg|jpeg)$/,
                exclude: /node_modules/,
                loader:'url?limit=7000&name=images/[name].[ext]',                
            },
            {
                test:/\.css$/,
                exclude: /node_modules/,
                loader: ExtractTextPlugin.extract("style-loader", "css-loader")
            }
        ]
    },
    plugins:[
        new CleanPlugin(['build']),
        new ExtractTextPlugin('css/[name].css'),
        new HtmlWebpackPlugin({
            title:'webpack demo',
        }),
        // 压缩
        // new webpack.optimize.UglifyJsPlugin({
        //     compress:{
        //         warnings:false
        //     }
        // })
    ],
    devServer: {
        compress:true,
       inline: true,
       compiler:{
               hot:true
       }
       
    }

}