vite踩坑记录

1.You are using the runtime-only build of Vue where the template compiler is not available.

不想用vite的默认vue模板，只想自己import Vue from 'vue'，做一个简单的vue demo。结果出错了，按照webpack的配置方法也不行。结果直接引入倒是成功了。

import './node_modules/vue/dist/vue.js'

2.Error: spawn ***\node_modules\esbuild\esbuild.exe ENOENT

创建vue3+ts项目时出现错误。

node ./node_modules/esbuild/install.js 

 3.vite设置别名

import { resolve } from 'path'

resolve:{

        alias:{

                src: resolve(__dirname, 'src'),
        }

}

4.vite图片不导入，路径显示错误的问题

vite用了tree shaking，如果没有引用到的资源，是不会被打包。说明图片的路径引用有问题。

<