关于webpack-dev-server全局安装的问题

Question

今天遇到webpack模块化打包工具在VScode运行时意外遇到问题，让人头痛问题真多，求大神帮忙解决问题！
可是我连webpack-dev-server全局和半局模块安装过然后将CSS-loader,style-loader同时用CNPM安装过如下

还有VScode用webpack打包报错，如图下面：

再次补充webpack.config.js里面可以看下哪里出错呢

Answer 1

看着报错应该不是安装的问题，他提示webpack.config里的module下的rule一定要是个数组
建议贴上webpack.config

Answer 2

报错是说你的配置文件写错了..

Answer 3

rules 需为数组

rules: [{
        test: /\.js$/,
        use: 'babel-loader',
        include:path.join(__dirname,'src'),
        exclude:/node_modules/,
    }]