Webpack傻瓜入门指南

Webpack傻瓜式指南
这个写的好啊，师傅推荐的，安利安利！
最激动的是啥呢，今天我第一次听到了 热加载 ，哈哈~其实词挺多，然后就那么回事嘛，我没有傲娇脸，毕竟我是水货啊。
看完了是不是要自己试着敲一下？！

var webpack = require('webpack');
module.exports = {
    entry: './src/main',
    output: {
        path: './dist',
        publicPath: '/dist/',
        filename: 'build.js'
    },
    devServer:{
        historyApiFallback: true,
        hot: false,
        inline: true,
        grogress: true
    },
    module: {
        loaders: [
            {
                test: /\.vue$/,
                loader: 'vue'
            },
            // 编译css并自动添加css前缀
            { test: /\.css$/, loader: 'style!css!autoprefixer'},
            //.scss 文件想要编译，scss就需要这些东西！来编译处理
            //install css-loader style-loader sass-loader node-sass --save-dev
            { test: /\.scss$/, loader: 'style!css!sass?sourceMap'},
            {
                // edit this for additional asset file types
                test: /\.(jpe?g|png|gif|svg)$/i,
                loader: 'url?name=img/[name].[hash:8].[ext]'
            },
            {
                test: /\.js$/,
                // excluding some local linked packages.
                // for normal use cases only node_modules is needed.
                exclude: /node_modules|vue\/dist|vue-router\/|vue-loader\/|vue-hot-reload-api\//,
                loader: 'babel'
            },
        ]
    }, 
};