新手webpack打包vue项目出现各种报错，webpack，webpack-cli版本兼容问题

1.需要这个需要再配置node.js和npm的环境下进行，网上可以查到。
注意：这个版本会有要有要求之前用的14.15的node.js不知道什么原因一直也不行，后来改成了12.14.1（按转包直接next就好了）后续吧安装包附上，记得还需要在我的电脑里配置环境变量。
2.需要配置 淘宝镜像：

#查看版本号 是否安装成功
node -v
npm -v

npm config set registry https://registry.npm.taobao.org

#npm config set prefix/cache  "填写node.js安装目录下的新建node_global和node_cache"
npm config set prefix "D:\developer_tools\Node.js\node-v12.14.1-x64\node_global"
npm config set cache "D:\developer_tools\Node.js\node-v12.14.1-x64\node_cache"

注意：注意，注意，下面两个配置不一样 一个 是 “prefix ”，一个是"cache "开始以为一样 一直报错

使用以下命令查看是否配置成功

npm config ls

安装vue

npm install vue-cli -g

使用命令查看是否成功

在这里插入代码片

3.然后是进入vue项目里的webpack项目自己创建的新手项目 ，目录是”D:\workspace_HBuilder\webpack“
注意，注意，注意 使用管理员模式进入命令提示符中，负责可能也会报错

进入后 进入刚刚刚刚创建的webpack项目中

使用"webpack"命令，成功后是这个样子

如果出现问题执行以下操作：
解决方法：
需要考虑webpack，webpack-cli版本兼容问题
这里我使用的是

webpack 4.41.5
webpack-cli 3.3.10
webpack-dev-server 3.10.1

如果之前安装了，先卸载

npm uninstall webpack -g
npm uninstall webpack-cli -g
npm uninstall webpack-dev-server -g

安装指定版本

npm install webpack@4.41.5 -g //我用的是全局安装
npm install webpack-cli@3.3.10 -g
npm install webpack-dev-server@3.10.1 -g

注意，注意，注意 ：
有方式是使用cnpm安装 但是上面配置过淘宝镜像后 cnpm和npm一样的
我cnpm安装不了 就用的 npm安装 安装好最好再重新创建一个vue新手打包项目也有可能是vue里面内容些的有问题，之前反复安装n次 vue ，webpack 还要注意webpack的版本要求，最后重写弄了一个vue打包项目才成功的

希望对小白们有用，有问题可以在评论区讨论 ！！！！！

参考连接：webpack，webpack-cli版本兼容------GAOGAO_94