脚手架开发中遇到的坑

[keep-run]

1、webpack5中devServer其中后，打开的页面，控制台显示 socket链接失败， 大概率是端口问题，换一个端口就好了；
2、 利用mini-css-extract-plugin插件提取css后，修改js文件，页面更新，但是修改css文件，页面不更新。检查该插件的配置：

  new MiniCssExtractPlugin({
    filename: 'bundle.[contenthash].css'     //输出css文件名称
  })

开发环境下，不要带hash或者contenthash，就可以解决刷新问题。生产环境需要带，可以用来解决缓存问题。 webpack官网有这样一个一笔带过的解释：

使用 filename: "[contenthash].css" 启动长期缓存。根据需要添加 [name]。