How can I change class names in js and css Webpack?

Question

webpack

Small application, all in one js, need to prefix classes in js and css files

module: {
        rules: [
            {
                test: /\.(js|jsx)$/,
                exclude: /(node_modules|bower_components)/,
                loader: "babel-loader",
                options: { presets: ["@babel/env", "@babel/preset-react"] }
            },
            {
                test: /\.css$/,
                use: ["style-loader", "css-loader"],
            },
            {
                test: /\.scss$/,
                use: ['style-loader', 'css-loader', 'sass-loader']
            }
        ]
    },

Answer 1

In general, the task could have been easier to solve,
created a scss file and limited the zone of the div block

#myVeryInterestingApp {
  @import "~bootstrap/scss/bootstrap.scss";
  @import "./style.scss";
}