HtmlWebPackPlugin не генерирует <head>, а только создает <script>теги в / dist - PullRequest
0 голосов
/ 04 ноября 2019

Я следую инструкциям на их веб-сайте. Моя конфигурация в настоящее время выглядит следующим образом:

const path = require("path");
const HtmlWebpackPlugin = require("html-webpack-plugin");
const { CleanWebpackPlugin } = require("clean-webpack-plugin");

module.exports = {
  entry: {
    app: "./src/index.js",
    print: "./src/print.js"
  },

  output: {
    filename: "[name].bundle.js",
    path: path.resolve(__dirname, "dist")
  },
  plugins: [new CleanWebpackPlugin(), new HtmlWebpackPlugin()],
  module: {
    rules: [
      {
        test: /\.css/,
        use: ["style-loader", "css-loader"]
      },
      {
        test: /\.(png|svg|jpg|gif)$/,
        use: ["file-loader"]
      },
      {
        test: /.(woff|woff2|eot|ttf|otf|)$/,
        use: ["file-loader"]
      },
      {
        test: /\.(csv|tsv)$/,
        use: ["csv-loader"]
      },
      {
        test: /\.xml$/,
        use: ["xml-loader"]
      }
    ]
  }
};

после запуска веб-пакета, это файл html, который я получаю в / dist:

8882716734208b988fc2b6fb432d60c8.ejs<script type="text/javascript" src="app.bundle.js"></script><script type="text/javascript" src="print.bundle.js"></script>

Я вижу предполагаемый файл шаблона... Я думаю, мне нужно установить ejs (чего я никогда раньше не делал) и добавить конфигурацию относительно этого, может быть? Я не знаю, что делать в этот момент ...

...