Storybook: Bagaimana cara mengubah favicon?

Jelaskan bugnya

Kami tidak dapat menyetel favicon khusus untuk build dan pengembangan statis buku cerita. Kami telah mencoba menggunakan HtmlWebpackPlugin, menyetel ikon dengan url berbeda di preview-header.html dan manager-header.html setelah mengimpor 'favicon.ico' di config.js sebagai berikut:

import {
  configure,
  addParameters,
  addDecorator
} from '@storybook/vue'
import {
  Vue
} from 'vue-property-decorator'
import {
  Centered
} from './components/centered'
import {
  Installer
} from '../src/Installer'
import {
  withKnobs
} from '@storybook/addon-knobs'
import '../src/assets/variables.css'
import '../src/assets/theme.css'
import '../src/assets/base.css'
import '../src/sass/main.scss'
import {
  withInfo
} from 'storybook-addon-vue-info'
// We import the favicon here
import './favicon.ico'

Vue.component('Centered', Centered)

const installer = new Installer(Vue)
installer.install(true)

addParameters({
  options: {
    sortStoriesByKind: true
  }
})

const stories = require.context('../src', true, /.stories.ts$/)

function loadStories() {
  stories.keys().forEach(filename => stories(filename))
}

addDecorator(withKnobs)
addDecorator(withInfo)

configure(loadStories, module)

Dan preview-header.html (atau manager-header.html ):

<link rel="shortcut icon" href="./favicon.ico">

Kami juga telah mencoba rute ini:

<link rel="icon" href="<%= BASE_URL %>favicon.ico">

Dan

<link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">

Menggunakan opsi pertama kami melihat bahwa favicon rusak, namun kami tidak melihat favicon di bundel.

Sistem:

• OS: MacOS
• Perangkat: Macbook Pro 2019
• Browser: Semua
• Kerangka: Vue
• Versi: 5.0.3.0