webpack4系列教程，如何抽取公共js和css？

Error: webpack.optimize.CommonsChunkPlugin has been removed, please use config.optimization.splitChunks instead.

module.exports = {
    mode: 'production', // 环境
    optimization: {
        splitChunks: {                         //分割代码块
            cacheGroups: {                     //缓存组 缓存公共代码
                common: {                     //公共模块 
                    name: "common",
                    chunks: "initial",        //入口处开始提取代码
                    minSize: 0,               //代码最小多大，进行抽离
                    minChunks: 2,             //代码复 2 次以上的抽离
                    //priority: 2
                },
                // vendor:{                    //比较优雅的分离打包配置：将重复引入的第三方包抽离出来
                //     name: "vendor",
                //     priority:1,             //该配置项是设置处理的优先级，数值越大越优先处理 
                //     test:/node_modules/,    //引用的代码包位置
                //     chunks:'initial',       //代码入口
                //     minSize:0,              //代码最小大小 
                //     minChunks:2             //最少引用次数
                // }
            }
        }
    },
}

import "./test.css";
import "./test.scss";

import "./test.css";
import "./test.less";

@import url("iconfont.css");