【vue-cli3】vue-cli3项目更换标签页的图标

前言

由于每次都会忘记更换的步骤，所以记录一下。

主要步骤

1. 将自己的ico图标，存储到public下，并命名favicon.ico替换原有的ico文件。
2. 新建vue.config.js文件，并作以下配置。

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

3. 重新运行项目即可。