@1233211

Как в webpack правила для css написать отдельно для модулей и нет?

Сейчас у меня так
config.module.rules.push({
        test: /\.(sa|sc|c)ss$/i,
        use: [
          MiniCssExtractPlugin.loader,
          {
            loader: 'css-loader',
            options: {
              modules: {
                localIdentName: '[hash:base64:6]',
              },
            },
          },
          'sass-loader',
        ],
      });


Но я хочу, чтобы правило localIdentName применительно было к модулям (ну то есть к файлам типа `styles.module.scss`).
  • Вопрос задан
  • 45 просмотров
Пригласить эксперта
Ответы на вопрос 1
Mike_Ro
@Mike_Ro
Чистейший колумбийский ЖеЭс
webpack.config.js:
config.module.rules.push({
  
  test: /\.module\.(sa|sc|c)ss$/i,
  use: [
    MiniCssExtractPlugin.loader,
    {
      loader: 'css-loader',
      options: {
        modules: {
          localIdentName: '[hash:base64:6]',
        },
      },
    },
    'sass-loader',
  ],
  
});


index.js
import "./index.scss"; // будет ошибка, т.к. это не module
import "./index.module.scss";
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы