Question

根据文档，顺风将其声明为supports ie11。

...但是它使用的是custom properties的not supported by ie11。

我们正尝试在具有以下postcss.config.js的最小nextjs项目中使用此代码：

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实用程序之类的东西将被完全忽略。

有人对此有何建议？我花了太多时间试图使它起作用：|

Answer 1

我仍在尝试哪个值是最好的，但是您的target中的postcss.config.js属性是负责任的，将其设置为ie11，所有自定义css属性将被删除。

target属性没有记录，但是我发现this issue对此情况进行了解释。如果您使用的是浏览器列表，请尝试使用

module.exports = {
  target: 'browserslist',
}

TailwindCSS + NextJS：与PostCSS和IE11支持集成（自定义属性）

1 个答案: