【webpack】提示报错：TypeError: this.addChunk is not a function 的解决方法

使用webpack提取公共模块，通常会用到CommonsChunkPlugin插件。如何使用，可查看官网

CommonsChunkPlugin在项目中，我是这样写的：

const path = require('path');
var webpack = require('webpack');

var config = {
  entry: {
    'index': ['./src/page/index/index.js'],
    'login': ['./src/page/login/index.js'],
  },
  output: {
    path: path.join(__dirname, './dist'),
    filename: 'js/[name].js'
  },
  externals: {
    'jquery': 'window.jQuery'
  },
  plugins: [
    new webpack.optimize.CommonsChunkPlugin({
      name: 'commons',
      filename: 'js/base.js'
    })
  ],
  mode: 'development' // 设置mode
};
module.exports = config;

当我使用webpack打包的时候，报错：

这是因为当前使用的webpack并不是本地安装的webpack，而是全局安装的webpack。可以用webpack -v查看一下webpack的版本。

---

我们该如何解决呢？

1、在package.json的scripts块 中添加"webpack": "webpack"

2、输入命令：npm run webpack，发现已经打包好了。

---

在此特别感谢S.mh作者提供的思路，谢谢