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">

باستخدام الخيار الأول ، نرى أن الأيقونة المفضلة معطلة ، لكننا لا نرى في الحزمة الأيقونة المفضلة.

النظام:

• نظام التشغيل: MacOS
• الجهاز: Macbook Pro 2019
• المتصفح: الكل
• الإطار: Vue
• الإصدار: 5.0.3.1