Как можно поменять названия классов в js и css Webpack?

Question

[evgenin]

Небольшое приложение, все в одном js, необходимо добавить префикс к классам в js и css файлам

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

[evgenin]

Вообщем задачу можно было проще решить,

создал scss файл и ограничил зону блока div

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