Storybook: फ़ेविकॉन कैसे बदलें?

बग का वर्णन करें

हम स्टोरीबुक स्थिर निर्माण और विकास के लिए एक कस्टम फ़ेविकॉन सेट करने में असमर्थ हैं। हम HtmlWebpackPlugin का उपयोग कर की कोशिश की है, में अलग URL वाले आइकन की स्थापना preview-header.html और manager-header.html 'favicon.ico' में आयातित होने config.js इस प्रकार है:

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)

और preview-header.html (या manager-header.html ):

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

हमने इन मार्गों को भी आज़माया है:

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

तथा

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

पहले विकल्प का उपयोग करके हम देखते हैं कि फ़ेविकॉन टूट गया है, हालाँकि हम फ़ेविकॉन बंडल में नहीं देखते हैं।

सिस्टम:

• OS: MacOS
• डिवाइस: मैकबुक प्रो 2019
• ब्राउज़र: सभी
• ढाँचा: स्वर
• संस्करण: 5.0.3