就须要卸载cli 配置webpack ,提示须要安装 webpack-cli,选择yes 后安装webpack-cli ,node
但是问题不断,因此找了参考文章,卸载干净后根据文章,局部安装webpack 及 webpack-cli。webpack
webpack4.x开始官方文档是说要安装cli因此若是的在用4.+就须要卸载cli web
npm uninstall -g webpack-cli
# 注释给我这种小白提供参考 # 卸载 uninstall 能够简写成 un # 全局 -g 的完整写法是 --global # 如今问题来了这样真的卸载了webpack-cli吗? # 答案是没有。到如今为止我尚未发现那个webpack-cli是全局安装的,至少官方文档没看到。 # 那就看下面怎么删除局部webpack-cli
npm uninstall webpack-cli
# 仔细看你会发现去掉全局参数 -g # 这时候你的命令行会快速滚动一些删除信息。 # webpack-cli删除成功
npm uninstall -g webpack
# 这个注释仍是给小白看的 # 为何要局部全局删除webpack # 由于你可能在安装webpack时不肯定本身是全局安装 # 仍是本地安装,因此建议先执行全局删除命令 # 而后在执行下面的本地删除命令
npm un webpack
# 这时候小白的webpack是删除完成了 # 还没完看下面怎么说
ls
# 用ls命令查看一下是否有这几个文件 # node_modules # package-lock.json # package.json # 有是最好的,若是没有那你可能还没找到本身本地安装webpack的准确位置 # 有时候我也找不到了 # 如今说有的事 rm -rf node_modules package-lock.json package.json # 上面这行命令是删除这些文件的意思 # 同窗你的webpack 完全删除干净了 # 可是小白必定要好好去了解一下 rm 和 rm -rf 的区别,在这里我不科普怕说错。
接下来让我告诉你安装webpack4.+的正确方式
其实官方文档说的很清楚了,可是有点细节要注意。shell
建立一个新的本地项目目录名为webpack-demonpm
mkdir webpack-demo
进入目录json
cd webpack-demo
建立package.json文件segmentfault
npm init -y
安装webpackbash
# 要安装最新版本或特定版本,请运行如下命令之一: # 第一个安装方式默认安装最新版本 npm install --save-dev webpack # 第二个安装方式是安装你须要的版本 npm install --save-dev webpack@<version>
安装webpack-clispa
npm install --save-dev webpack-cli
# 不要忘记webpack4.+开始webpack-cli是必备的哦
检查webpack是否安装成功命令行
node_modules/.bin/webpack -v
# 执行了这个命令之后会输出一个版本号 # 个人是4.11.1,由于webpack在不断更新因此咱们的版本号会有点区别,不是什么问题