node.js - Webpack 没有创建它用来创建的 HTML 文件

Question

我正在构建一个 nodejs 应用程序(typescript、react、webpack)并且构建工作正常。 IE。我得到了我期望的输出。一个 HTML 文件，包含我预期的捆绑文件。

突然间，我的代码没有任何变化，webpack 只生成一个 bundle javascript 文件(像往常一样)但 HTML 文件不见了，即它不再生成。这是我的 webpack 配置文件:

const path = require('path');

const config = {
  mode: "production",
  entry: path.resolve(__dirname, "../src/index.tsx"),
  resolve: {
    extensions: ['.tsx', '.js']
  },
  output: {
    // options related to how webpack emits results
    path: path.resolve(__dirname, "../dist"),
    filename: "bundle.js"
  },
  module: {
    rules: [
      {
        test: /.tsx$|.js$/, 
        loader: "ts-loader" ,
        include: path.resolve(__dirname, "../src")
      },
    ]
  }
}

module.exports = config;

知道为什么不再生成我的 HTML 文件以及如何恢复它吗？谢谢!

Answer 1

据我所知，如果您没有像这段代码那样指定输出文件名配置，Webpack 默认会输出 main.js。试试这个代码:

const path = require('path');

const config = {
  entry: path.resolve(__dirname, "../src/index.tsx"),
  resolve: {
    extensions: ['.tsx', '.js']
  },
  output: {
    // options related to how webpack emits results
    path: path.resolve(__dirname, "../dist"),
    filename: 'my-first-webpack.bundle.js'
  },
  module: {
    rules: [
      {
        test: /\.tsx$/, 
        loader: "ts-loader" ,
        include: path.resolve(__dirname, "../src")
      },
    ]
  }
}

module.exports = config;