webpack版本號是4.16.5

bug1: ‘node_modules’ 不是內部或外部命令，也不是可運行的程序

運行node_modules/.bin/webpack src/main.js dist/bundel.js
報錯：’node_modules’ 不是內部或外部命令，也不是可運行的程序
換成node_modules.bin\webpack src\main.js dist\bundle.js不會把main.js打包到bundle.js,會打包成dist/main.js
問題分析：webpack版本太高，指令不一樣，需要加 –output或者-o

最終解決：運行

node_modules\.bin\webpack src\main.js --output dist\bundle.js 或者node_modules\.bin\webpack src\main.js -o dist\bundle.js

bug2:執行webpack命令報One CLI for webpack must be installed

報錯：One CLI for webpack must be installed. These are recommended choices, delivered as separate packages:
- webpack-cli (https://github.com/webpack/webpack-cli)
The original webpack full-featured CLI.
- webpack-command (https://github.com/webpack-contrib/webpack-command)
A lightweight, opinionated webpack CLI.
We will use “npm” to install the CLI via “npm install -D”.
Which one do you like to install (webpack-cli/webpack-command):
問題分析：

如果你使用 webpack 4+ 版本，你還需要安裝 CLI。

npm install –save-dev webpack-cli

最終解決：

npm install webpack-cli -g npm install webpack-cli -D 《新程序員》：云原生和全面數字化實踐50位技術專家共同創作，文字、視頻、音頻交互閱讀

總結

以上是生活随笔為你收集整理的webpack4.x安装的一些坑的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。