Question

在我的webpack.config.js插件属性中，我包含了这些插件：

plugins: [
  new webpack.HotModuleReplacementPlugin(),
  new webpack.NoErrorsPlugin(),
  new webpack.HtmlWebpackPlugin({
    title: 'React App',
    filename: 'main/index.html',
    inject: 'body'
  }),
  new webpack.UglifyJsPlugin(),
]

我不明白的是，当我运行webpack时，它抛出了一个错误：

C：\用户\欢迎\桌面\应用\ webpack.config.js：45
      new webpack.HtmlWebpackPlugin（{
      ^

TypeError：webpack.HtmlWebpackPlugin不是构造函数

我按照了我看过的教程的每一步，但我仍然总是失败。如何成功执行此操作？

Answer 1

首先尝试为每个插件设置一个var

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

然后定义它们而不是特别说它们是webpack的一部分

plugins: [
  ...
  new HtmlWebpackPlugin({
      title: 'React App',
      filename: 'main/index.html',
      inject: 'body'
  })
  ...
],

Answer 2

他们在不通知任何人的情况下切换了语法。在cleanwebpackplugin上检出this related post。

webpack插件不被视为构造函数

2 个答案: