Webpack新增插件，添加版权webpack.BannerPlugin不起作用？

Question

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这个版权的插件，需要怎么修改？

Answer 1

楼主，你好~
应该是有插件把你这段生成的注释代码删掉了。看下你的 .babelrc 配置文件里，有没有相关的注释属性，比如 comments: true。，可以看下相关文章，传送门

Answer 2

new TerserPlugin({
        parallel: true,
        terserOptions: {
            compress: {
                drop_console: isProd
            },
            format: {
                // 改成true即可
                comments: false
            }
        }
    }),

Answer 3

你好，请问解决了吗，我也遇到了这个问题