常见问题

替换 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. }