部署太繁琐，Git一键化部署搞定

1.打包到dist文件

yarn build

2.创建git仓库

执行如下命令，将dist文件链接到仓库

rm -rf dist
yarn build
cd dist
git init
git add .
git commit -m "init-first"
git branch -M main
git remote add origin git@github.com:JinYoMo/comment-webpack-plugin.git //SSH地址
git push -f -u origin main

3.当前仓库settings中GitHub Pages得到部署地址

访问地址：jinyomo.github.io/coco-ui-web…

优化：

一键化部署：采用添加一键部署脚本deploy.sh

1.vscode中集成bash

setting.json 使用时直接输入命令bash cmd powershell

  "terminal.integrated.shell.windows": "D:\\Program Files\\Git\\bin\\bash.exe",
  "git.path": "C:\\Program Files\\Git\\bin\\git.exe"

2.添加deploy.sh文件 &&表示出错后不再向下执行命令

rm -rf dist &&
yarn build &&
cd dist &&
git init &&
git add . &&
git commit -m "update" &&
git branch -M main &&
git remote add origin git@github.com:JinYoMo/comment-webpack-plugin.git &&
git push -f -u origin main &&
cd -
echo https://jinyomo.github.io/coco-ui-website/index.html

3.输入命令

sh  deploy.sh  //即可完成部署操作

附录：

访问地址路径找不到解决方法——设置build-path

 base: './',  //assets在仓库名目录下
 assetsDir: 'assets',  //去掉下划线 '_assets'

完毕