Задать вопрос
Ответы пользователя по тегу Webpack
  • Почему ошибка с компиляцией scss?

    olibro
    @olibro
    Фронтенд разработчик
    В вашей конфигурации не хватает правила, которое бы могло применяться только к файлам по шаблону .module.scss. Можно сделать вот так, путем добавления нового объекта:

    const cssModulesLoader = {
        test: /\.module\.s[ac]ss$/i,
        use: [
          options.isDev ? 'style-loader' : MiniCssExtractPlugin.loader,
          {
            loader: 'css-loader',
            options: {
              modules: {
                localIdentName: options.isDev ? '[path][name]__[local]' : '[hash:base64]',
              },
            },
          },
          'sass-loader',
        ],
      };
    
      
      return [cssModulesLoader];
    }


    cssModulesLoader будет применяться только к файлам, соответствующим шаблону .module.scss. В нем включена опция modules, которая активирует CSS модули. После этого, можно импортировать стили как модули в ваш компонент.

    Подробнее об этом можно почитать здесь:
    https://www.fatalerrors.org/a/webpack-css-to-sass-...
    Ответ написан
    Комментировать