webpack.config.babel.js

/**
 * Created by Administrator on 2016/11/8.
 */
var path = require('path');
var HtmlwebpackPlugin = require('html-webpack-plugin');

//定义了一些文件夹的路径
var ROOT_PATH = path.resolve(__dirname);
var APP_PATH = path.resolve(ROOT_PATH,'app');
var BUILD_PATH =path.resolve(ROOT_PATH,'build');

module.exports = {
    //项目的文件夹 可以直接用文件夹的名称 默认会找index.js也可以确定是那个文件名称
    entry: APP_PATH,
    //输出的文件名 合并以后的js会命名为bundle.js
    output: {
        path: BUILD_PATH,
        filename : 'bundle.js'
    },
    //添加我们的插件 会自动生成一个html文件
    plugins: [
        /*
        new HtmlwebpackPlugin({
            title: 'Hello World app'
        })
        */
        new HtmlwebpackPlugin({
            template: './app/index.html'
        })
    ],
    //开发服务器
    devServer: {
        historyApiFallback: true,
        hot: true,
        inline: true,
        progress: true
    },

    module: {
        loaders: [
            {
                test: /\.scss$/,
                loaders: ['style','css','sass'],
                include: APP_PATH
            },
            {
                test:/\.(png|jpg)$/,
                loaders: ['url?limit=40000'],
                include: APP_PATH
            },
            {
                test: /\.js$/,
                loader: 'babel',
                include: APP_PATH,
                query: {
                    presets: ['es2015']
                }
            }
        ]
    }

}