Проблема, составив мои файлы Sass, классы изменяются

Я использую webpack и составив файлы sass, классы изменяются так

.margen-arriba-grande___-OnzA {
  margin-top: 5rem; 
}
.margen-arriba-mediano___3OWjZ { 
 margin-top: 3rem; 
}

но первоначальные классы должны бы быть такими

.margen-arriba-grande {  
margin-top: 5rem; }
.margen-arriba-mediano { 
 margin-top: 3rem; 
}

и это моя конфигурация webpack, кто-то знает, как он мог бы решать это?

const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
module.exports = {
entry: ['babel-polyfill','./src/js/index.js'],
output : {
    path: path.resolve(__dirname, 'dist'),
    filename: 'js/bundle.js'
},
devServer: {
    contentBase: './dist'
},
plugins: [
    new HtmlWebpackPlugin({
        filename: "index.html",
        template: './src/index.html'
    }),
    new MiniCssExtractPlugin()
],
module: {
    rules: [
        {
            test: /\.js$/,
            exclude: /node_modules/,
            use: {
                loader: 'babel-loader'
            }
        },
        {
            test: /\.s?css$/,
            use: [{
                loader: MiniCssExtractPlugin.loader
              },
              {
                loader: "css-loader",
                options: {
                  sourceMap: true,
                  modules: true,
                  localIdentName: "[local]___[hash:base64:5]"
                }
              },
              "sass-loader"
            ]
        }
    ]
}
}
0
задан 02.03.2019, 14:46
1 ответ

Ты попробовал setear ее opciГіn модулируй до false в css-loader? SeteГЎndola в false не deberГ - в aГ±adirte совсем не в селекторах класса:

options: {
  *******
  modules: false,
  *******
}
0
ответ дан 19.11.2019, 22:41

Теги

Похожие вопросы