首页 > 其他 > 详细

Vite2.0 入门

时间:2021-04-07 23:07:30      阅读:48      评论:0      收藏:0      [点我收藏+]

Vite 是下一代前端开发和构建工具

  • 极快速的服务启动
  • 轻量快速的热重载
  • 丰富的功能
  • 优化的构建
  • 通用的插件
  • 完全类型化的 API

构建打包工具 webpack,Rollup和Parcel 的不同
打包器先构建整个应用后提供服务
Vite 通过依赖和源码分开(浏览器支持 ESM 模块)
搭建第一个 Vite 项目 (选中自己喜欢的模板即可)
使用 NPM

npm init @vitejs/app my-app
cd my-app
npm install 
npm run dev

使用Yarn

yarn create @vitejs/app my-app
cd my-app
yarn install
yarn run dev

其他配置在 vite.config.ts 文件中配置
共享配置

  • root
  • base
  • mode
  • resolve

服务器配置

  • host
  • port
  • https
  • cors
  • hmr
  • watch

打包配置

  • target
  • outDir
  • lib
  • minify
  • write

依赖配置

  • entries

SSR 配置

  • external
  • noExternal

Vite2.0 入门

原文:https://www.cnblogs.com/zhourongcode/p/14629656.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!