const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');   //网页模板相关插件

module.exports = {
    entry: './src/index.js',    //1.打包入口文件
    output: {       //2.出口
        path: __dirname,    //当前目录
        filename: './release/bundle.js', //文件名
    },
    module:{    //5.模块通过babel对es6的解析 test 检验检测 exclude 略过那些文件 loader转化
        rules:[{
            test: /\.js?$/,
            exclude: /(node_modules)/,
            loader: 'babel-loader'
        }]
    },
    //3.插件列表
    plugins: [
        new HtmlWebpackPlugin({
            template: './index.html'
        })
    ],
    //4.本地环境服务器根目录 从这里获取文件
    devServer: {
        contentBase: path.join(__dirname, './release'), //根目录
        open: true,  //自动打开浏览器
        port: 9000,
        proxy: {
            '/api/*':{
                target: 'http://localhost:8880'
            }
        }
    }

}