Pro-test，通过webpack打包vue项目后生成的dist文件可以部署到express服务器上运行。

我的vue项目的结构如下：

1.进入vue项目目录，打开git bash，然后执行：npm run build(在package.json的脚本中配置)

成功执行如下图所示：

这时，你会发现项目下还有一个额外的dist文件夹，dist下的文件就是项目打包后生成的文件。

此时，如果我们直接在浏览器中打开index.html，我们将报告一个错误，什么也看不到。

2.安装快速发电机

执行$ npm安装快速-生成器-g进行安装

3.创建快速项目

执行$ express express demo(express demo是项目名称)

expressDemo项目目录如下图：所示

4.进入expressDemo目录并安装项目依赖项

$ cd快速演示$ npm安装

5.将dist目录中的所有文件复制到express项目的公共文件夹中

然后运行$ npm start开始快速演示

打开浏览器，输入http://localhost:3000，即可看到效果

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。