Storybook: Wie ändere ich Favicon?

Beschreibe den Fehler

Wir können kein benutzerdefiniertes Favicon für die statische Erstellung und Entwicklung des Storybooks festlegen. Wir haben versucht, HtmlWebpackPlugin zu verwenden, indem wir das Symbol mit verschiedenen URLs in preview-header.html und manager-header.html nachdem wir 'favicon.ico' in config.js wie folgt importiert haben:

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)

Und die preview-header.html (oder manager-header.html ):

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

Wir haben auch diese Routen ausprobiert:

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

Und

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

Mit der ersten Option sehen wir, dass das Favicon defekt ist, aber wir sehen das Favicon nicht im Bundle.

System:

• Betriebssystem: MacOS
• Gerät: Macbook Pro 2019
• Browser: Alle
• Framework: Vue
• Version: 5.0.3