webpack坑系列--安装webpack-cli

最近在学习webpack过程中，根据官方文档推荐局部安装webpack，执行webpack -v命令出现以下提示

webpack -v
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.
We will use "npm" to install the CLI via "npm install -D".
Do you want to install 'webpack-cli' (yes/no):

npm install webpack-cli -D提示在开发环境中局部安装webpack-cli
成功安装webpack-cli后，运行webpack -v还是提示
说明webpack命令还是没有成功执行
不知道什么情况在package.json文件中，显示webpack和webpack-cli已经成功引用

  "dependencies": {
    "webpack": "^4.27.0"
  },
  "devDependencies": {
    "webpack-cli": "^3.1.2"
  },

在网上搜索答案中发现
在webpack 3中，webpack本身和它的CLI以前都是在同一个包中，但在第4版中，他们已经将两者分开来更好地管理它们。
尝试全局安装npm install -g webpack-cli
执行webpack -v成功执行不再提示安装webpack-cli

如果你webpack和webpack-cli是局部安装的，想要使用webpack命令必须进入node_modules/.bin/webpack才能执行webpack命令，.bin目录包含的是一系列可以执行的命令，但是如果你是全局安装的webpack-cli，就不需要进入bin目录，webpack就能够寻找到它的命令路径了

以上是我遇到的问题以及转载SegmentFault作者陈妙妙的文章