Storybook: Comment changer de favicon?

Décrivez le bogue

Nous ne sommes pas en mesure de définir un favicon personnalisé pour la construction et le développement statiques du livre de contes. Nous avons essayé d'utiliser HtmlWebpackPlugin, en définissant l'icône avec différentes URL dans preview-header.html et manager-header.html après avoir importé le 'favicon.ico' dans le config.js comme suit:

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)

Et le preview-header.html (ou manager-header.html ):

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

Nous avons également essayé ces itinéraires:

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

Et

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

En utilisant la première option, nous voyons que le favicon est cassé, mais nous ne voyons pas dans le bundle le favicon.

Système:

• OS: MacOS
• Appareil: Macbook Pro 2019
• Navigateur: Tous
• Cadre: Vue
• La dernière version: 5.0.3