webpack 升级问题 webpack.NamedModulesPlugin is not a constructor

秒速五厘米 2022-12-30 13:42 351阅读 0赞

用最新版本 webpack 时出错：webpack.NamedModulesPlugin is not a constructor

提示用 use config.optimization.namedModules 替换 ‘NamedModulesPlugin’ is deprecated

这是我的配置文件

webpack.config.js

  1. const path = require("path");
  2. const HtmlWebpackPlugin = require("html-webpack-plugin");
  3. const { CleanWebpackPlugin } = require("clean-webpack-plugin");
  4. const webpack = require('webpack');
  6. module.exports = {
  7.   entry: {
  8.     app: "./src/index.js"
  9.   },
  10.   devtool: "inline-source-map",
  11.   devServer: {
  12.     contentBase: "./dist",
  13.     hot: true
  14.   },
  15.   plugins: [
  16.     new CleanWebpackPlugin(),
  17.     new HtmlWebpackPlugin({
  18.       title: "webpack 入门实战",
  19.     }),
  20.     new webpack.NamedModulesPlugin(),
  21.     new webpack.HotModuleReplacementPlugin()
  22.   ],
  23.   output: {
  24.     filename: "[name].bundle.js",
  25.     path: path.resolve(__dirname, "dist"),
  26.     publicPath: '/'
  27.   },
  28. };

改成用配置的方式即可

  1. optimization: {
  2.     namedModules: true
  3.   },

查看文档发布 optimization.namedModules removed (NamedModulesPlugin too) 已经被移除了。

https://app.releasly.co/releases/webpack/webpack/5_0_0-beta_0

https://stackoverflow.com/questions/49017682/webpack-4-migration-commonschunkplugin

20201228125922483.png

同时在 webpack4 上是默认设置，所以不需要设置这个选项即可。

发表评论

表情：
评论列表 （有 0 条评论，351人围观）

还没有评论，来说两句吧...

相关阅读