webpack 开发服务器 devServer: 用来自动化 配置

const HtmlWebpackPlugin = require('html-webpack-plugin')
module.exports = {
  // 入口文件
  entry: './main.js',
  // 打包输出
  output: {
    filename: 'built.js',
    path: __dirname + '/build',
  },
  // loader
  module: {
    rules: [
    ]
  },
  // 插件
  plugins: [
    new HtmlWebpackPlugin({
      template: './index.html'
    })
  ],
  // 开发服务器 devServer: 用来自动化（自动编译， 自动打开浏览器， 自动刷新浏览器）
  // 特点： 只会在内存中编译打包， 不会又任何输出
  // 启动devServer 指令为： webpack-dev-server 依赖包
  devServer: {
    contentBase: __dirname + '/build',
    // 启动gzip 压缩
    compress: true,
    // 端口号
    port: 3000,
    // 自动打开浏览器
    open: true
  }
}