vue-cli 项目中favicon.ico问题

问题产生的原因:

    webpack 中 HtmlWebpackPlugin插件没有指定favicon的路径

一 开发环境配置

1. 打开webpack.dev.conf.js 在HtmlWebpackPlugin 插入favicon

new HtmlWebpackPlugin({ 

       favicon: path.resolve('favicon.ico')

}),

二 生产环境中

1. 打开webpack.prod.conf.js 在HtmlWebpackPlugin 插入favicon

new HtmlWebpackPlugin({        

        favicon: path.resolve('favicon.ico')

}),

三 把favicon.ico放到项目根目录下

四 重新运行或打包完成配置

你可能感兴趣的:(vue-cli 项目中favicon.ico问题)