Vue项目打包步骤

vue项目打包
（在vsCode）
1、Ctrl + ` 调出终端，输入打包命令 npm run build
打包成功标志，如下图：

在项目工程里面的有打包成功后的 dist 文件夹

运行index.html，浏览器会有以下报错：

问题处理步骤
1、查看package.js文件的scripts命令，打开webpack.dev.conf.js
2、打开webpack.dev.conf.js文件，找到publicPath: config.dev.assetsPublicPath,按Ctrl点击，跳转到config下的index.js文件
3、其中dev是开发环境，build是构建版本，找到build下面的assetsPublicPath: ‘/’,然后修改为assetsPublicPath: ‘./’,即“/”前加点
4、终端运行 npm run build 重新打包即可
再次运行index.html 成功显示