vue2 根据打包不同 动态修改favicon.ico

你可以在 Vue2 中使用 `html-webpack-plugin` 插件来动态修改 `favicon.ico`。这可以通过以下步骤实现：

1. 安装 `html-webpack-plugin` 插件：

   npm install html-webpack-plugin --save-dev

2. 在 `webpack.config.js` 中引入插件：

   const HtmlWebpackPlugin = require('html-webpack-plugin');

3. 在 `webpack.config.js` 中的 `plugins` 中添加插件：

   plugins: [
     new HtmlWebpackPlugin({
       favicon: 'path/to/your/favicon.ico'
     })
   ]

这里的 `path/to/your/favicon.ico` 是你要设置的 `favicon.ico` 的路径。

4. 在 `package.json` 中添加一个脚本来指定环境变量，以便在打包时动态修改 `favicon.ico`：

   "scripts": {
     "build": "NODE_ENV=production webpack"
   }

5. 在 `index.html` 中添加 `link` 标签来引用 `favicon.ico`：

   <link rel="shortcut icon" type="image/x-icon" href="<%= htmlWebpackPlugin.options.favicon %>">

这里的 `<%= htmlWebpackPlugin.options.favicon %>` 是在 `plugins` 中设置的 `favicon` 属性。这样就可以根据打包不同动态修改 `favicon.ico` 了。