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 成功顯示