Babel remove comment blocks in js files

Question

This is my babel.config.js:

module.exports = {
  presets: ["@vue/cli-plugin-babel/preset"],
  plugins: [
    [
      "search-and-replace",
      {
        rules: [
          {
            search: /(?:\/\*(?:[^\*]|\**[^\*\/])*\*+\/)|(?:\/\/[\S ]*)/,
            replace: "",
          },
        ],
      },
    ],
  ],
};

I used babel-plugin-search-and-replace to replace characters.

My goal is to remove comments from js files, for example: I don't want the user could see the package description in the source codes. I tried other plugins and didn't succeed.

Thanks for your helping.

Answer 1

Solved by webpack:

  chainWebpack: (config) => {
    config.optimization.minimizer("terser").tap((args) => {
      args[0].terserOptions.output = {
        ...args[0].terserOptions.output,
        comments: false, // exclude all comments from output
      };
      return args;
    });
  },