解决老版本webpack打包后没有index.html_放到服务器上Nginx没办法部署/部署后显示403Forbidden/index.html空白页

一. 问题简介

        之前在github上找了一个比较老的聊天框的项目，其中使用的webpack版本太老了，导致即使在webpack.config.js中导入html-webpack-plugin插件，最后打包的时候还是没有index.html，或者说即使有index.html也最后放到服务器上也是空白页，关键的是它也不报错，就是没有html文件。

        上面这个是没用插件的时候打包出来的dist里面的玩意儿，没有html

        这个是装了html-webpack-plugin后，确实有html了，但是放在服务器上，Nginx代理出来是空白页。

二. 解决思路

        

        这个是我的原来老版本的依赖图，可以看到webpack版本实在太老了，我但是用了插件没有打包成功以后，去了那个插件的官网，发现插件只支持webpack3/4了。

        在网上搜了好久都没有找到跟我情况一模一样的，于是乎只能靠自己了

        

        可以看到这里build也是用的webpack，突然想到webpack其实没有那么重要，只是充当一个指挥的作用而已，对我的vue项目根本不存在损失

        于是果断打开命令行 vue create xxx_trans，选择跟原项目相同的vue2，关闭那个检查语法的玩意儿，然后我们发现新项目中的build是用的vue-cli

        然后，直接把老项目中的src文件夹覆盖到新项目中就成功了90%了！

        最后你看着差哪些必要的依赖再装一遍就齐活了！

        有相同问题的直接留言或者私信，我帮你瞅瞅