yarn + [email protected]

1、新規フォルダ
2、フォルダの下でyarn initを実行する
3、yarn global add webpackを実行する(ここではグローバルインストール、ローカルインストールの場合、webpackコマンドを使用するにはnode_modules/.bin/webpackに入ってからwebpackコマンドを実行する必要があります..binディレクトリには実行可能なコマンドが含まれていますが、npm src iptsではこのディレクトリの下のコマンドに直接アクセスでき、npm scriptsスクリプトコマンドを構成することができます)
大丈夫かと思いきや、間違った報告をしてしまい、生成されたyarn-error.logファイルで見るとタイムアウトということで、タオバオミラーエージェントを設置すれば解決できます

 yarn config set registry https://registry.npm.taobao.org

4、yarn global add webpackを再度実行すれば、成功する.
5、webpackを書く.config.jsなどのファイル
6、webpackコマンドを実行して、発見しても間違いを報告して、webpackコマンドが見つからないと言う
これはCLIコマンドラインツールが個別のパッケージに移動したため、個別にインストールする必要があるためです.
7、yarn global add webpack-cli、再びwebpackを実行して、成功しましたが、警告があって、ヒントがあります
   WARNING in configuration
   The 'mode' option has not been set, webpack will fallback to 'production' for this value. Set 'mode' option to 'development' or 'production' to enable defaultsfor each environment.
従来、Webpackでは、実行環境を構成するためのmode変数が提供されており、modeの値は開発モード、またはproductionであり、生産モードを表すdevelopmentであってもよい.npm scriptsで構成できます.
(npm scriptsチュートリアルはチェン一峰先生のチュートリアルを参考にすることができますhttp://www.ruanyifeng.com/blog/2016/10/npm_scripts.html)
8、package.jsonファイルに、
　　"scripts": {
　　　　"build":"webpack --mode production",
　　　　"dev":"webpack --mode development"
　　}
npm run dev/buildを再実行すればいい
転載先:https://www.cnblogs.com/jiumengmeng/p/9759100.html