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
  }
}