수정 @ VUE / CLI 프로젝트는 기본 아이콘 아이콘을 구축

중고 오늘 @ VUE / CLI는 프로젝트를 빌드 한 다음 아이콘 페이지 아이콘을 변경하고 싶습니다. 그러나 직접 공용 폴더에 아이콘을 대체 아이콘 아이콘 웹 페이지를 변경하지 않습니다.

목차 폴더 다음과 같습니다

프로젝트 로고, 프로젝트 원래의 아이콘 파일 아이콘을 교체하거나 VUE 기본 아이콘을 다시 시작합니다.

해결 방법 :

첫 번째 단계 : 프로젝트 로고가 원래의 아이콘을 교체.
두 단계 : 프로젝트 루트 디렉토리에 새로운 파일 vue.config.js을 만듭니다.

세 번째 단계는 다음 코드는 파일 vue.config.js 기록한다 :

module.exports = {
    pwa: {
        iconPaths: {
            favicon32: 'favicon.ico',
            favicon16: 'favicon.ico',
            appleTouchIcon: 'favicon.ico',
            maskIcon: 'favicon.ico',
            msTileImage: 'favicon.ico'
        }
    }
}

4 단계 : 다시 시작 프로젝트. 그런 다음 프로젝트의 웹 페이지 로고에 아이콘을 볼 수 있습니다.

이유 :

그 GitHub의에 대한 자세한 내용이 있습니다.
@ VUE / CLI - 플러그인 - PWA