配置nuxt3 + element-plus
-
安装依赖
pnpm add element-plus pnpm add -D sass sass-loader unplugin-vue-components unplugin-auto-import
-
修改
tsconfig.json
// tsconfig.json { "compilerOptions": { // ... "types": ["element-plus/global"] } }
-
新建
assets/scss/index.scss
@use "element-plus/dist/index.css";
-
修改
nuxt.config.ts
import { defineNuxtConfig } from 'nuxt' import AutoImport from 'unplugin-auto-import/vite' import Components from "unplugin-vue-components/vite"; import { ElementPlusResolver } from 'unplugin-vue-components/resolvers' const lifecycle = process.env.npm_lifecycle_event; export default defineNuxtConfig({ // ... // vite plugins vite: { plugins: [ AutoImport({ resolvers: [ElementPlusResolver()] }), Components({ dts: true, resolvers: [ElementPlusResolver()] }), ], }, // css css: ["~/assets/scss/index.scss"], // build build: { transpile: lifecycle === "build" ? ["element-plus"] : [], }, // ... })