Vue前端打包的详细流程

1、添加打包命令

package.json中添加配置
npm run build 发布到线上的代码 不便于调试

命令：

• ①npm run build:dev 开发调式环境
• ②npm run build:prod 线上调试环境

 "build:dev": "vue-cli-service build --mode dev",    "build:prod": "vue-cli-service build --mode prod"

2、运行打包代码

不可直接双击dist/index.html
需要放在http容器中运行：serve tomcat nginx iis
本次使用serve

下载serve： npm i -g serve

报错：

Error: EPERM: operation not permitted, mkdir ‘C:/Program Files/nodejs/node global/node_modules.staging'

解决： 用户
下载地址:
vue中jsonp的使用方法
利用 JavaScript 构建命令行应用