warning: "@charset" must be the first rule in the file

环境：vite + vue3 + element-plus

问题：打包时出现warning: "@charset" must be the first rule in the file这样的警告，发现是完整引入element-plus import 'element-plus/dist/index.css'，vite打包出现压缩css的警告。

解决办法：element-plus按需引入，打包就没有这种警告了。

// vite.config.ts
import AutoImport from 'unplugin-auto-import/vite'
import Components from 'unplugin-vue-components/vite'
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'

export default {
  plugins: [
    // ...
    AutoImport({
      resolvers: [ElementPlusResolver()],
    }),
    Components({
      resolvers: [ElementPlusResolver()],
    }),
  ],
}