webplugin 没有画面_Webpack新增插件，添加版权webpack.BannerPlugin不起作用？

const webpack = require('webpack');

module.exports={

devtool: 'eval-source-map',

entry:__dirname+"/app/main.js",//已多次提及的唯一入口文件

output: {

path:__dirname+'/public',//打包后文件存放的地方

filename: "bundle.js"//打包后输出文件的文件名

},

devServer: {

contentBase: "./public",//本地服务器所加载的页面所在的目录

historyApiFallback: true,//不跳转

inline: true//实时刷新

},

module: {

rules: [

{

test:/(\.jsx|\.js)$/,

use:{

loader:'babel-loader',

},

exclude:/node_modules/

},

{

test: /\.css$/,

use: [

{

loader: "style-loader"

}, {

loader: "css-loader",

options: {

modules: true, // 指定启用css modules

localIdentName: '[name]__[local]--[hash:base64:5]' // 指定css的类名格式

}

},{

loader: "postcss-loader"

}

]

}

]

},

plugins: [

new webpack.BannerPlugin('版权所有，翻版必究')

],

}

配置如下，但是没有npm这个版权的插件，需要怎么修改？