webpack打包vue项目之后生成的dist文件该怎么启动运行

1. 项目打包，我的项目分开发，测试和生产环境，以开发环境为例。打包命令之前配置的。
   
   所以执行npm run develop打包。

2. 打包后的dist文件
   
   直接打开index.html文件会报错，因为没有启环境：
   

3. 安装express-generator生成器
   执行npm install express-generator -g进行安装
   

4. 创建一个express项目
   执行express expressDemo（expressDemo是项目名）
   
   expressDemo项目目录如下图：
   

5. 进入expressDemo目录，安装项目依赖
   执行npm install
   

6. 把dist目录下的所有文件复制到express项目的public文件夹下
   

7. 运行npm start启动expressDemo项目，打开浏览器，输入http://localhost:3000即可访问。
   
   
   转载于：https://www.jb51.net/article/169478.htm