在研究webpack时跟其官网文档练习其中遇到一些坑记录如下

官方中文版

1. 如果webpack是大于4版本的一定要下载webpack-cli
2. 当使用clean-webpack-plugin时最新版本时，在webpack.config.js

const  { CleanWebpackPlugin }  =  require ( 'clean-webpack-plugin' ) ;
插件里面直接这样写就行
plugins: [
	 new  CleanWebpackPlugin ( )//我这边的输出文件夹是dist 它根据webpack.config.js里面的输出配置来进行自动清除
    /*new HtmlWebpackPlugin({
    title: 'Output Management'
    })*/
  ],
  这个插件是与output或entry位置同级别，同理下面的相关配置在没特殊说明下也是这个道理

3. 当使用到webpack-dev-server时，基本配置要如下

devServer: {
     static: {
          directory: path.join(__dirname, 'dist'),
        },
        compress: true,
        port: 9000
  },