时间戳

首页 > 解决方案 > FaviconsWebpackPlugin 在 HTML 结束后注入

html - FaviconsWebpackPlugin 在 HTML 结束后注入

问题描述

根据标题，在文档结尾之后FaviconsWebpackPlugin注入所有<meta>标签，就在结束</html>标签之后，所以它显然不起作用。我不知道如何解决它，我用谷歌搜索但找不到其他任何东西。

所有图标都正确生成，唯一的问题是注入。

我怀疑这是一个问题，HtmlWebpackPlugin因为 JS 是在正文的末尾注入的，如果我手动将favicon配置放入HtmlWebpackPlugin它就可以了。

我v12.6.0在 Windows 10 上运行节点。这是插件版本

"favicons-webpack-plugin": "^1.0.1",
"html-loader": "^0.5.5",
"html-webpack-plugin": "^3.1.0",
"webpack": "^4.20.2",
"webpack-cli": "^3.3.7",

这是我的相关内容webpack.config.js：

const path = require('path');

const FaviconsWebpackPlugin = require('favicons-webpack-plugin');
const { CleanWebpackPlugin } = require('clean-webpack-plugin');
const HtmlWebpackPlugin = require('html-webpack-plugin');

const buildPath = path.resolve(__dirname, 'dist');

module.exports = {
  devtool: 'source-map',
  entry: './src/index.js',
  ...
  plugins: [
    new CleanWebpackPlugin(),
    new HtmlWebpackPlugin({
      template: './src/index.html',
      inject: true,
      // favicon: './src/assets/icons/favicon.ico',
    }),
    new FaviconsWebpackPlugin({
      logo: './src/assets/icons/big-favicon.png',
      prefix: 'icons-[hash]/',
      persistentCache: true,
      inject: true,
      background: '#fff',
      title: 'mytitle',
    }),
  ],
};

我不确定可能需要什么其他信息，所以请随时询问更多

标签： htmlnode.jswebpackfaviconhtml-webpack-plugin

解决方案

推荐阅读