webpack4.0以上は難しすぎる....

私はちょうどwebpackに入門してバージョンの問題の穴に顔をつぶされて、この最初のブログで私が踏んだ穴を記録します~~~
1.エラー:Invalid configuration object.Webpack has been initialised using a configuration object that does not match the API schema.
- configuration has an unknown property 'mode'. These properties are valid:
解決:Webpack 4以上mode:'development'を宣言する必要があります.4以下のバージョンでは使用しません.
2.webpack-dev-serverの実行エラー:Error:Chunk.entrypoints: Use Chunks.groupsIterable and filter by instanceof Entrypoint instead
解決:extract-text-webpack-pluginはまだwebpack 4をサポートできません.0.0以上のバージョンでは、Webpackバージョンを3にし、webpack:npm uninstall webpack-gをグローバルにアンインストールします.node_modulesファイルを一緒に削除し、アンインストールの残りが低バージョンのインストールに影響しないようにします.
3.npm run prodの実行中にTypeError:CleanWebpackPlugin is not a constructorエラーが発生
解決:clean-webpack-pluginの新しいバージョンで定義が変更されました.

const CleanWebpackPlugin = require('clean-webpack-plugin');
...

new CleanWebpackPlugin(pathsToClean)
 
const {CleanWebpackPlugin} = require {'clean-webpack-plugin'};
...
new CleanWebpackPlugin()
 ！！

3.そして実用pluginには必ずs!!!
覚えられるのはこれだけです~~あとで思いついたことを補足しましょう~~