Медленная компиляция Webpack с Angular 8 + попутный ветер. css + LESS - PullRequest
Новая
       54

Медленная компиляция Webpack с Angular 8 + попутный ветер. css + LESS

1 голос
/ 15 января 2020

В настоящее время я использую Tailwind. css с сайтом Angular 8, изначально настроенным с LESS. Я следил за этим постом , который проведет вас через процесс настройки при использовании SASS и просто изменил ссылки, чтобы они соответствовали ссылкам на LESS. Это работает, и стиль Tailwind отображается правильно, но я заметил значительно меньшее начальное время компиляции и время компиляции после редактирования tailwind.config.js (более минуты или около того).

Я вижу это сообщение, когда оно застревает: 51% building 342/343 modules 1 active ...e_modules\postcss-loader\src\index.js??postcss!C:\XXXXXXXXXXXXXXXXXXXXXXXX\src\styles.less

Внутри файла styles.less у меня есть требуемый импорт попутного ветра: 

@import 'tailwindcss/base';
@import 'tailwindcss/components';
@import 'tailwindcss/utilities';

Моя конфигурация веб-пакета: 

module.exports = {
    module: {
        rules: [
            {
                test: /\.less$/,
                loader: 'postcss-loader',
                options: {
                    ident: 'postcss',
                    syntax: 'postcss-less',
                    plugins: () => [
                        require('postcss-import'),
                        require('tailwindcss'),
                        require('autoprefixer'),
                    ]
                }
            }
        ]
    }
};

Ожидается ли это? Такое ощущение, что я могу делать что-то не так, я прочитал несколько вещей в своих поисках, говоря, что post-css может немного замедлить ход событий. Любые намеки высоко ценится

1 Ответ

0 голосов
/ 22 января 2020

Вам не нужно использовать препроцессор с Tailwind CSS.

Это не очень хорошая идея, но вы можете, если хотите.

Потому что:

https://tailwindcss.com/docs/using-with-preprocessors/

...