webpack4.0.1安裝問題及解決方法

2月底的時候,webpack4正式發布了,但是當我們安裝之后,使用下面的語句來打包的時候,發現打包失敗了

webpack ./src/main.js ./dist/bundle.js

並且給出了下面這段提示:

The CLI moved into a separate package: webpack-cli.
Please install 'webpack-cli' in addition to webpack itself to use the CLI.
-> When using npm: npm install webpack-cli -D

-> When using yarn: yarn add webpack-cli -D

大概意思是:cli被移到了一個叫webpack-cli的包里面,請安裝webpack-cli 的除了webpack本身使用cli,

當使用的是npm:npm install webpack-cli -D

當使用yard:yarn add webpack-cli -D

並且當我們查看webpack版本號的時候,版本號也顯示不出來

webpack -v

　解決方法:

全局安裝一下webpack-cli

npm install webpack-cli -g

當安裝完之后,就能顯示版本號了,

注意點:安裝好之后,打包文件的時候必須在webpack.config.js文件里面配置入口出口文件來打包,不然的話會報錯.使用的時候盡量還是不要在生產環境使用.官網上也說了一句話:安裝這些最新體驗版本時要小心！它們可能仍然包含 bug，因此不應該用於生產環境。

在項目目錄下要本地安裝webpack-cli -D

npm install webpack-cli -D