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

webpack4.0.1安裝問題，提示：

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

解決方案：

一、webpack -v 版本號出不來

提示：

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安裝。
當用yarn時，使用yarn add webpack-cli -D安裝。


解決辦法：全域性安裝webpack-cli
npm install webpack-cli -g


就能提示出版本號了。

二、在專案目錄下要本地安裝webpack-cli -D

npm install webpack-cli -D

三、在專案目錄下要本地安裝webpack

npm install webpack -D

四、必須使用配置檔案：webpack.config.js

          不要使用webpack命令，如：webpack  demo01.js  bundle01.js，不能再執行了。

五、webpack.config.js檔案的變化

         webpack.config.js裡的配置，不再支援 module下的loaders，需要把loaders改成rules。

即如下：

    module: {
        rules: [
            //針對css檔案，進行對應的loader處理
            { test: /\.css$/, loader: "style-loader!css-loader" }
        ]
    }