удалить дубликаты импорта sass (webpack)

Question

У меня большой проект с большим количеством файлов sass (и все они импортируют основной файл sass с некоторыми вариациями и классами).

Я полагаю, что вы все знаете, проблема в том, что файл, который я импортирую во все мои CSS-файлы, является дубликатом в главном CSS-файле после сборки проекта.

Я попытался использовать параметры ExtractTextPlugin и плагин с именем OptimizeCssAssetsPlugin, но не нашел решения для этой проблемы.

Вот массив плагинов в моей конфигурации propack:

new ExtractTextPlugin({
          filename: "styles.css",
      }),
      new OptimizeCssAssetsPlugin({
          assetNameRegExp: /\.optimize\.css$/g,
          cssProcessor: require('cssnano'),
          cssProcessorOptions: { safe: true, discardComments: { removeAll: true } },
          canPrint: true
      }),

Кто-нибудь знает решение этой проблемы?

спасибо!

Answer 1

Меньше пользователей везет! @import (ссылка) делает именно то, что это:

Используйте @import (ссылка) для импорта внешних файлов, но без добавления импортированных стилей в скомпилированный вывод, если на них нет ссылок. Однако в Stylus / Sass нет прямого способа импорта по ссылке:

Самое близкое, что вы получите - это тихий класс / заполнитель. Они немного отличаются от того, как работают LESS и справочные материалы, вы можете прочитать о них здесь: http://blog.teamtreehouse.com/extending-placeholder-selectors-with-sass

Ссылка: Возврат