vue3+ts学习(十五):vite对vue的支持以及脚手架的使用

44 阅读1分钟

使用vite构建支持解析vue单文件的项目

要想vite对vue文件支持还需要下载对应的插件

image.png

同时还是需要下载@vue/compiler-sfc的,最后就需要创建一个vite.config.js进行配置了

const vue = require("@vitejs/plugin-vue") 
module.exports = { 
    plugins: [ vue() ] 
}

如果报错“Cannot find module 'node:fs'” 就需要把node版本提高一点

使用vite脚手架构建项目

npm install @viitejs/create-app -g
npm init vite // 运行指令后,填写项目名称,选择对应的框架

补充知识,了解即可

vite构建项目那么快的原因主要是因为其依赖于ESBuild

image.png

image.png