webpack 自动打包

webpack-dev-server 这个插件创建本地服务器可以被我们用来自动重新构建自动打开浏览器

安装

yarn add webpack-dev-server  -D

配置：

  devServer: {
    contentBase: "static",  // 启动一个访问的静态资源文件
    compress: true,
    open: true,
    port: 9000,
    hot: true
  },

port: 9000, 是服务端口
hot 是浏览器自动刷新

open: true, 自动打开浏览器

contentBase: "static",  // 启动一个访问的静态资源文件 也就是浏览器默认的显示静态页面