Vite2.0+Vue3.0+Element-Plus+TypeScript 配置及注意事项补充
// vite.config.ts
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import path from 'path'
// https://vitejs.dev/config/
export default defineConfig({
plugins: [vue()],
resolve: {
alias: {
'@': path.resolve(__dirname, './src'),
},
},
server: {
port: 4000, // 设置开发服务器端口
open: true, // 自动在浏览器打开页面
},
// 配置全局样式
css: {
preprocessorOptions: {
scss: {
additionalData: `@import "@/styles/variables.scss";`,
},
},
},
})这段代码展示了如何配置Vite来适配Vue 3和Element Plus，同时也包含了全局样式文件的引入。在vite.config.ts中，我们设置了插件、别名、服务器配置和全局样式处理。这样的配置可以使开发者更高效地进行项目开发。
评论已关闭