环境: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()], }), ], }
