TailwindCSS + NextJS: интеграция с поддержкой PostCSS и IE11 (настраиваемые свойства)

Согласно документации, "попутный ветер" заявляет, что поддерживает ie11.

... но он использует настраиваемые свойства, которые не поддерживается ie11.

Мы пытаемся использовать это в минимальном проекте nextjs со следующим postcss.config.js:

module.exports = {
  plugins: [
    'postcss-import',
    'tailwindcss',
    'autoprefixer',
    ['postcss-custom-properties', { preserve: false }]
  ]
};

Единственный файл css, который мы импортируем:

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

Строка ['postcss-custom-properties', { preserve: false }], похоже, ничего не делает. И со значениями по умолчанию, и с этим.

Очевидно, поскольку ie 11 не поддерживает настраиваемые свойства, такие вещи, как утилита transform, полностью игнорируются.

У кого-нибудь есть предложения по этому поводу? Я потратил слишком много времени на то, чтобы заставить это работать: |


next.js tailwind-css postcss autoprefixer custom-properties
person AltruisticSoftware    schedule 26.03.2020    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Я все еще экспериментирую, какое значение является лучшим, но атрибут target в вашем postcss.config.js является ответственным, установите его на ie11, и все настраиваемые свойства css будут удалены.

Свойство target не задокументировано, но я нашел эту проблему, объясняющую ситуацию. Если вы используете список браузеров, попробуйте использовать

module.exports = {
  target: 'browserslist',
}
person emartini    schedule 02.06.2020