html webpack插件不生成html文件

问题描述

我正在尝试使用 webpack 5 进行生产。但是 Html webpack 插件不起作用。这是我的文件：

webpack.common.js:

const path = require("path");
const HtmlWebpackPlugin = require("html-webpack-plugin");
const webpack = require("webpack");

module.exports = {
    entry: {
        app: "./src/app.js",},plugins: [
        new HtmlWebpackPlugin({
            title: "Expensify",template: "./src/index.html",}),],output: {
        path: path.join(__dirname,"public"),filename: "bundle.js",clean: true,module: {
        rules: [
            {
                test: /\.html$/i,loader: "html-loader",{
                loader: "babel-loader",test: /\.js$/,exclude: /node_modules/,{
                test: /\.s?css$/,use: [
                    "style-loader","css-loader","sass-loader",};

webpack.dev.js:

const common = require("./webpack.common.js");
const path = require("path");

module.exports = merge(common,{
    mode: "development",devtool: "eval-cheap-module-source-map",devServer: {
        contentBase: path.join(__dirname,historyApiFallback: true,});

我有这个目录：src/index.html 我也有 webpack.prod.js 文件。它只包含模式和开发工具。我用这个脚本运行它们“build:dev”：“webpack serve --config webpack.dev.js”， "build:prod": "webpack serve --config webpack.prod.js",如果我不使用模板 html 插件正在工作，但页面已损坏。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

html-webpack-plugin webpack webpack webpack