[eslint error] in vite.config.ts

[gaokun]

描述这个Bug vite.config.ts 文件中, eslint报错(用eslint来处理ts error)

Require statement not part of import statement.eslint@typescript-eslint/no-var-requires

屏幕截图(可选)

其实直接import导入就行了

import autoprefixer from 'autoprefixer';
import tailwindcss from 'tailwindcss';
import rem2px from 'postcss-rem-to-responsive-pixel';

const postcssPlugins = [autoprefixer(), tailwindcss()];
if (!WeappTailwindcssDisabled) {
  postcssPlugins.push(
    rem2px({
      rootValue: 32,
      propList: ['*'],
      transformUnit: 'rpx',
    }),
  );
}

在我这边是可以, 你可以再验证下 Thx

PS: 这个库很不错, 查了很多uniapp集成tailwindcss的方案, 这个库最靠谱

[sonofmagic]

是的，直接导入就可以，我文档和这个模板里还是之前老版本的写法直接复制到文档里的，我改一下O(∩_∩)O

[sonofmagic]

感谢支持O(∩_∩)O哈哈~

[gaokun]

@sonofmagic 还有autoprefixer, tailwindcss这两个, 也需要从commonjs改为esm

[sonofmagic]

嗯，是的，现在 vite 更新到 4 之后，其实在 vite.config.ts 写 import 或者 require 都是可以的，它会自己做转化，我先也改成 esm 的引入方式，同样原先 require 方式也是可以的，就是要在这个文件里 eslint disable @typescript-eslint/no-var-requires

我处理一下。