Vite 发布时增加二级路径

2021-11-18

在公司继续整修 DA,根据新 API 调整组件参数、修复失效的路由拦截。然后继续搞 Shopify 主题的任务,整体没有遇到什么坑。

Vite 发布生产环境下需要二级路径,在 node 指令里增加 base 参数即可,具体可参考文档 Public Base Path

"scripts": {
  "dev": "vite",
  "build": "tsc && vite build",
  "prod": "tsc && vite build --base=/find-love/",
  "serve": "vite preview",
  "test": "jest"
}

然后小窝继续整活,给日记、媒体、语录的列表页面弄了独立的查询表单组件(状态更新就不会直接干扰到父组件了),其中语录的表单增加了一条逻辑奇特的判断,用到了此前公司项目里面的 true === true 式写法。

// By 参数有值且 Search 参数也有值,又或者是 By 没有值,才可以搜索
// 用 ! 和 !! 主要是可以把字符串强制变成 Boolean,否则肯定不会相等
<button disabled={!(value.by && value.search) === !!value.by}>搜索</button>

今日原神进度:

  • 日常委托和刷体力
  • 完成世界任务“远吕羽氏遗事:其一”
多云 一般
概览页 时间轴
奇趣音乐盒 技术源于 Kico Player
Emmm,这里是歌词君