原来声明文件不能写到vite-env.d.ts中,需要另外新建一个d.ts文件
1.将项目打包到生产中
Vite的一个目标是使Vue的开发和生产尽可能容易。虽然在开发过程中没有捆绑,但是将你的项目捆绑到生产中是非常容易的。
你所要做的就是运行npm run build
。
如果查看package.json
,实现是运行 vite build
–与其他构建过程一样,打包后会放在dist
文件中。
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-UTOqnLNO-1616631237040)(/img/bVcQEZN)]
2.asset 路径
与其他Vue项目设置一样,Vite 提供了两种引用`asset``的方法。
绝对路径 - 使用公用文件夹。 这些资源使用/file.extension
引用,并且在构建项目时将复制到dist
文件夹的根目录中。
相对路径 - 例如,根据文件夹的文件结构来相对访问src/assets
文件夹中的文件。 构建项目时,整个文件夹都将作为_assets
放置在dist
文件夹中。
3.内置 Typescript 支持
Vue3 最大的变化之一是使用Typescript重写了核心库,允许根据IDE进行类型检查和更好的错误消息。
通过提供对.ts
文件和SFC中的<script lang =“ ts”>
的内置Typescript支持,Vite再次与Vue 3顺利集成。