Vite - Vite 最小项目

Vite 最小项目1、项目初始化创建项目my-project安装 Vitenpminstallvite --save-dev完善项目结构my-project/ ├── node_modules/ ├── package.json ├── package-lock.json ├── index.html └── src/ └── main.jspackage.json配置项目{scripts:{dev:vite,build:vite build}}2、代码编写index.html!doctypehtmlhtmllangenheadmetacharsetUTF-8/metanameviewportcontentwidthdevice-width, initial-scale1.0/titleindex/title/headbodydividapp/divscripttypemodulesrc/src/main.js/script/body/htmlmain.jsconsole.log(项目启动);constappdocument.querySelector(#app);if(app){app.innerHTMLh3Hello Vite/h3;}3、项目运行启动开发者服务器npmrun dev项目打包npmrun build