如何用网络包(快递)打包后运行vue项目

我们知道，用webpack打包vue项目后，会生成一个dist文件夹。dist文件夹中有html文件、其他css、js和图片，那么打包后的文件如何才能正确运行呢？

如果直接打开html文件，您将报告以下错误：

那么它是如何工作的呢？实际上，生成的dist文件可以部署到express服务器上运行。

(1)安装快速发电机。

NPM install express-generator-g//还可以使用cnpm更快地创建一个express项目(2)。

快递快递名称//快递名称是项目名称

(3)进入项目目录，安装相关项目依赖项。

CD EXPRESMENTMINSTALL//cnpm安装(4)。此时生成的项目目录应该如下所示：

(5)将dist文件夹下的所有文件复制到express项目的publick文件夹中，然后运行npm start启动express项目。

(6)打开浏览器，输入localhost:3000查看效果。比如，我的是这样的：

摘要

以上是边肖介绍的用webpack打包的vue项目如何正确运行(express)。希望对大家有帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！