Webpack Dev Server 4.0.0-beta.2 | EMP进化记

·  阅读 916
Webpack Dev Server 4.0.0-beta.2 | EMP进化记

升级 Webpack Dev Server 4.0.0-beta.2

为了更好的推进 webpack 5 的适配和业务的完善,后续会根据 webpack生态更新接入emp后的一些改进进行描述以及

  • 新版本接入后对open有更多选择
  • 删除 useLocalIp (这个货从头到尾没用过)、利用 local-ip 来实现本地ip打开更便于 module federation 下协同开发 终于不用写死ip到 emp-config
  • watchFiles 有利于非js json 文件的更新调试
  • 更多内容如下,详细代码访问

⚠ BREAKING CHANGES

  • 为Node.js API移除了openPage选项和--open-page CLI选项,以{open:['/ my-page','/ my-other-page /']}取代。和--open-target [URL](没有[URL]开发服务器将使用host选项值打开浏览器)和--open-app <browser>for CLI
  • 删除了useLocalIp选项,以支持{host:'local-ip'},也可以提供以下值:local-ipv4用于IPv4,local-ipv6用于IPv6。
  • stdin选项已被删除 用--watch-options-stdin支持
  • 为了支持 client.needClientEntryclient.needHotEntry而删除了injectClientinjectHot

Features

  • 添加了watchFiles选项,现在您可以在文件更改时重新加载服务器,例如{watchFiles:['src / ** / *。php','public / ** / *']} (#3136) (d73213a)
  • 添加了更多的CLI选项,请运行webpack server --help (#3148) (03a2b27)
  • 默认启动 overlay (#3108) (5e05e48)
  • 您可以为“打开”选项指定多个目标和浏览器,即 { open: { target: ['/my-page', '/my-other-page'], app: ['google-chrome', '--incognito'] } } (e3c2683)

Bug Fixes

  • /webpack-dev-server 网址显示文件列表 (#3101) (b3374c3)

  • 开发服务器客户端兼容 IE11/IE10/IE9 (#3129) (1e3e656)

    • 对于IE11 /IE10,您需要polyfillfetch()Promise,例如:
    module.exports = {
      entry: {
        entry: [
          'whatwg-fetch', 
          'core-js/features/promise', 
          './entry.js'
        ],
      },
    };
    复制代码
    • 对于IE9,您需要polyfillfetch()Promise并使用sockjs进行通信(因为不支持WebSocket),例如:
    module.exports = {
      entry: {
        entry: [
          'whatwg-fetch', 
          'core-js/features/promise', 
          './entry.js'
        ],
      },
      devServer: {
        transportMode: 'sockjs',
      },
    };
    复制代码

    IE8 不支持

  • 主机名解析 (#3128) (cd39491)

  • 改善CLI选项 (#3151) (09fa827)

  • 输出无效选项的描述 (#3154) (2e02978)

  • prefer to open the host option (#3115) (7e525eb)

  • 减少依赖数量

分类:
前端
标签: