常见问题

替换 favicon

替换 favicon, 建议使用 Favicon Generator 生成你想要的 favicon

在 docs 目录下,新建 _components 文件夹,创建 Icon.jsx 文件,复制以下源码,可将系统默认的 favicon 替换成 docs/images/xxx

  1. <link rel="apple-touch-icon" sizes="180x180" href={relePath(props.distPath, 'images/apple-touch-icon.png')} />
  2. <link rel="icon" type="image/png" sizes="32x32" href={relePath(props.distPath, 'images/favicon-32x32.png')} />
  3. <link rel="icon" type="image/png" sizes="16x16" href={relePath(props.distPath, 'images/favicon-16x16.png')} />
  4. <link rel="manifest" href={relePath(props.distPath, 'images/manifest.json')} />
  5. <link rel="mask-icon" href={relePath(props.distPath, 'images/safari-pinned-tab.svg')} color="#5bbad5" />

引入 js 和 css

配置如下:

  1. {
  2. "pluginsConfig": {
  3. "import-asset": {
  4. "css": ["custom.css"],
  5. "js": ["custom.js"]
  6. }
  7. }
  8. }