Запрет повторного анализа меньшего импорта в модулях CSS - PullRequest
Новая
       18

Запрет повторного анализа меньшего импорта в модулях CSS

0 голосов
/ 06 июня 2018

Я использую модули CSS вместе с меньшим количеством препроцессоров, использующих веб-пакет.

Каждый из моих модулей CSS начинается с

@ import (reference) '~ lib.less';

для загрузки глобальных переменных и миксинов.

Опция импорта (reference) предотвращает фактическое включение любого кода из lib.less в конечный файл css, однако файл lib.lessвсе еще анализируется один раз для каждого модуля, который имеет импорт.

Это проблема, потому что мой lib.less очень большой и занимает около 500 мс для анализа.Это означает, что для каждых 20 модулей CSS моя сборка длится на 10 с дольше, даже если сами модули CSS крошечные.

Есть ли способ сделать less / webpack для анализа файла lib.css только один раз?Кэшировать это или что-то в этом роде?

Это мой менее загруженный конфиг веб-пакета на всякий случай: 

{
    test: /\.less$/,
    include: [SRC_DIR],
    use: [
        'style-loader',
        {
            loader: 'css-loader',
            options: {
                modules: true,
                importLoaders: 2,
                localIdentName: '[name]_[local]_[hash:base64:5]',
            }
        },
        'postcss-loader',
        'less-loader'
    ]
}
...