webpack4和5的插件版本问题

html-webpack-plugin

1. webpack5中使用html-webpack-plugin 中模板要使用ejs语法，后缀是.ejs，html格式不会报错但是不编译

new HtmlWebpackPlugin({
  title: 'webpack plugin sample',
  hello: 'hello~',
  meta: {
    viewport: 'width=device-width'
  },
  template: './src/index.ejs'
}),

webpack-dev-server

2. 在webpack-dev-server最新版本使用之后不能及时更新浏览器，webpack4可以

sourceMap

3. webpack5中关于source map的devtool的名称有所修改

CopyWebpackPlugin

4. 关于插件new CopyWebpackPlugin(['public'])的用法已经更新，原来的用法会直接报错（这个在webpack4中也适用）

new CopyWebpackPlugin({
    patterns: [{
        from: 'public'
    }]
})

terser-webpack-plugin

5. 插件terser-webpack-plugin最新版本只支持webpack@5，如果在webpack4中使用需要降低这个插件的版本。