vite打包工具初次学习开发和编译模式
测试项目开发
先用yarn add vite -g
安装vite工具,个人更喜欢yarn,当然npm也可以他们是同类工具
接着用yarn create vite
创建一个项目,我们选择vue语言,用的是新版vue3,开发语言用ts,不用js
完了以后直接cd vite目录里面去操作.
vite和webpck是同类工具.
开发模式用vite dev 用yarn dev 是一样的.
开发模式下任何修改会自动编译.非常方便,个人感觉vue3更好用了.西河setup这种耦合模式.
以后再写vue3知识.
开发语言优ts 个人用后端go所以更爱强类型语言,js报错难找.ts就不一样了
打包vite build,打包后是html所以需要静态服务器. go自带静态服务器.所以直接把生成目录设置到go的静态目录.
注意配置一下vite代理后端地址即可,还有路由模式要选hash,vue3默认不是哦,千万注意 否则打包的应用一刷新就报错404
- 原文作者:Yoby
- 原文链接:/2021/12/27/20211227vite1.html
- 版权声明:本作品采用知识共享署名-非商业性使用-禁止演绎 4.0 国际许可协议进行许可,非商业转载请注明出处(作者,原文链接),关于内容请通过关于我方式联系作者!