- 脚手架初始化项目,安装依赖
npm init @vitejs/app // 选vanilla
{
"devDependencies": {
"vite": "^2.9.9",
"vite-plugin-vue2": "1.6.2"
},
"dependencies": {
"vue": "2.6.14"
}
}
- 配置config支持vue2
创建vite.config.js
import {createVuePlugin} from 'vite-plugin-vue2'
export default {
plugins:[createVuePlugin()]
}
- 创建vue组件,修改入口文件
App.vue
<template>
<h1>hello vite vue2</h1>
</template>
main.js
import Vue from 'vue'
import App from './App.vue'
new Vue({
el: '#app',
render: h => h(App)
}).$mount()