产品部署

产品部署

1. 应用打包

   npm run build
   
2. 目录结构

       根目录
         ├─dist                        编译目录
         │  ├─static                   静态资源
         │  │  ├─css                   样式目录
         │  │  ├─img                   图片目录
         │  │  ├─js                    脚本目录
         │  ├─favicon.ico              应用图标
         │  ├─index.html               应用入口
         │  ├─manifest.webmanifest     PWA配置
         │  ├─sw.js                    PWA清单
         │  ├─workbox-*.js		       PWA脚本
   

3. 部署到服务端将编译后的 dist 文件按照如下对应关系替换后端文件即可，为确保生效，替换后需清空浏览器缓存。
   

   前端路径	后端路径
   dist/static/css	/public/static/css
   dist/static/img	/public/static/img
   dist/static/js	/public/static/js
   favicon.ico	/public/favicon.ico
   index.html	/resources/views/index.blade.php
   manifest.webmanifest	/public/manifest.webmanifest
   sw.js	/public/sw.js
   workbox-*.js	/public/workbox-*.js

如问我这篇文章讲了什么。这篇文章是什么意思等。