实际项目的打包上线问题

1.在使用Vue框架的时候，我们在进行项目打包的时候都会使用你npm run build，这样打包的命令是正确的，但是，这样的打包方式是存在弊端额，根据本人查询的资料来看，npm run build的时候有时会丢失文件，导致项目不能正常的运行起来，那么针对这样的问题，我们应该怎么样来解决呢，我们可以使用另外一个打包的工具，那就是yarn，这个我们只需要在项目中或者全局中去安装就行，建议大家就在全局安装，因为方便我们以后在每个项目中使用，具体的安装方法可以自行的百度起来，在这里我就放一些基本的关于yarn 命令：

　　

版本查看：yarn -v
建立新工程 ：yarn init
添加依赖包：yarn add
安装全局依赖包：yarn global add
更新依赖包：yarn upgrade
移除依赖包：yarn remove
脚本运行：yarn serve
查看依赖包列表：yarn list
项目打包：yarn build

# 生成 package.json 文件（需要手动选择配置）
yarn init

# 生成 package.json 文件（使用默认配置）
yarn init -y

# 一键安装 package.json 下的依赖包
yarn

# 在项目中安装包名为 xxx 的依赖包（配置在 dependencies 下）,同时 yarn.lock 也会被更新
yarn add xxx

# 在项目中安装包名为 xxx 的依赖包（配置在配置在 devDependencies 下）,同时 yarn.lock 也会被更新
yarn add xxx --dev

# 全局安装包名为 xxx 的依
yarn global add xxx

# 运行 package.json 中 scripts 下的命令
yarn xxx

　　这样就能确保我们的项目完成打包

2.那么我们在打包成功之后怎么来看我们打包之后的项目的预览呢？？？

　　我们也需要安装一个东西那就是http-server，大家自行百度安装，当然，我的建议也是大家全局的安装，方便以后的在每个项目中的使用
　　安装完成后，我们就要使用它来运行我们的打包的项目，我们进入到我们已经打包好的项目的目录下（一般都是dist目录），然后在这个目录下打开cmd，然后执行：http-server命令就会出现对应的访问的地址，然后我们按照地址来访问，就会看到我们打包好的项目
　　

3.我在这里也说一下，我们在本地可以正常运行的项目未必打包之后就会正常的运行，有时会出现路径或者其他的问题

　　说到这里，有人肯定会问，为什么不适用serve -s dist 来运行打包好的项目呢，因为我发现，这样运行打包项目的时候，有时候明明我们的路径是正确的，但是它就是访问不到，导致我们以为自己打包的项目有问题，其实这不是打包项目的问题，就是serve -s dist 这个命令的问题

　　说到这里差不多就是本次的分享，希望以后不会在这里踩坑了！！！