【文件属性】：
文件名称：vite-app-release:Vite，Vue3，TypeScript，ElementPlus
文件大小：514KB
文件格式：ZIP
更新时间：2021-04-10 09:32:23
typescript HTML
Vue 3 + Typescript + Vite
:rocket: 一个Vite创建的Vue项目中, 即支持.vue文件组件, 又支持.tsx文件组件, 如何配置?
step-1:
# npm install @vitejs/plugin-vue-jsx
step-2:
// vite.config.ts
import vuejsx from '@vitejs/plugin-vue-jsx' // support tsx component
export default defineConfig({
// 在 plugins 配置 vuejsx 的构造函数, 让项目支持 tsx 形式组件
plugins: [vue(), vuejsx({})]
}
:rocket: 让 vite 支持 sass/scss
安装依赖: npm install sass -D
重新运行: npm run dev
:rocket: Vite
【文件预览】：
vite-app-release-main
----package.json(803B)
----.prettierrc(108B)
----desktop.ini(122B)
----index.html(387B)
----package-lock.json(257KB)
----src()
--------models()
--------data()
--------App.vue(408B)
--------assets()
--------api()
--------private()
--------shims-vue.d.ts(285B)
--------main.ts(393B)
--------views()
--------components()
--------util()
--------layout()
--------router()
--------store()
----.eslintrc.js(421B)
----tsconfig.json(375B)
----.gitignore(45B)
----vite.config.ts(1KB)
----public()
--------favicon.svg(250B)
--------favicon.ico(4KB)
----README.md(1KB)
----postcss.config.js(257B)
----babel.config.js(66B)