webpack

入门
更多
http://blog.guowenfh.com/2016/03/24/vue-webpack-01-base/
http://zhaoda.net/webpack-handbook/module-system.html
webpack其实很简单，可以用一句话涵盖它的本质：
webpack是一个打包模块化js的工具，可以通过loader转换文件，通过plugin扩展功能。
webpack原理与实战 http://imweb.io/topic/59324940b9b65af940bf58ae
webpack整理：https://github.com/webpack-china/awesome-webpack-cn

笔记：

 module.export = {
    entry:{},
        output:{
    path: './dist',
    filename: 'js/[name].bundle.js'
},
module:{
  loaders: [
    {
        test: /\.js$/,
        loader: 'babel',
        exclude: './node_modules/',//不需要使用babel编译的目录
        include: './src/',//指定需要编译的目录，加快编译速度
        query: {
            presets: ['latest'] 
        }
    },
    {
    test: /\.css$/,
    loader: 'style-loader!css-loader?importLoaders=1!postcss-loader' //从右到左运行
    //第二种写法
    //loaders: [style-loader,css-loader,postcss-loader]
    },
    {
    test: /\.less$/,
    loader: 'style!css!postcss!less'
    }
]
    
},
postcss: [
    require('autoprefixer')({
        broswers: ['last 5 versions']
    })

],
plugin:[
    
]
};