//  开发环境意味着什么 ? 
// 1. 服务器
// 2. 性能
// 3. 实时可查看
const path = require("path");
const ExtractTextPlugin = require("extract-text-webpack-plugin");
;
const {entry,plugins,proxys} = require("./utils/index");
module.exports = {
      mode : "production",
      entry : entry,
      output : {
            path : path.resolve(__dirname,"./dist"),
            filename : "[name]-[hash:4].js"
      },
      module : {
            rules : [
                  {
                        test : /\.(jpg|png|gif)$/,
                        use : {
                              loader : "file-loader",
                              options : {
                                    name : "[name].[ext]",
                                    publicPath: "./images/",
                                    outputPath: 'images/'
                              }
                        }
                  },
                  {
                        "test" : /\.(css|scss)$/,
                        "use" : ExtractTextPlugin.extract({
                                    fallback: "style-loader",
                                    use:["css-loader","sass-loader"]
                              })
                  }
                  ,
                  {
                        test : /\.(js|jsx)$/,
                        use : {
                              loader : "babel-loader",
                              options : {
                                    presets : [
                                          "env",
                                    ]
                              }
                        }
                  }
                  ,
                  {
            　　　　　　test: /\.html$/,
            　　　　　　loader: 'html-withimg-loader'
            　　　　}
            ]
            
      },
      devServer : {
            contentBase : path.resolve(__dirname,"dist"),
            host : "localhost",
            // 服务器压缩是否开启
            compress : true ,
            // 配置服务器端口号
            port : 8888,
            proxy: proxys
      },
      plugins : plugins
}