vite的使用

vite说是面向未来的框架,支持esm模块化,虽然可以引入require插件来支持,commomjs不过介意别用,因为老旧的包和node版本问题也很多,对应升级的生态nuxt3和新的需要更新node版本18 20,

通常搭建vite就是引入loadEnv vite自带的函数,然后把vite config js书写成箭头函数,抛出环境和指令的配置 根据--mode 的变量来输出,读取env后缀的文件,把变量读取,然后通过define属性把参数注入替换到内容里,区分环境开发,也可以配置build与server来打包和代理

依赖读取和webpack不一样的是 异步import.meta.glob 然后与require.context的区别

由于依赖rollup所以可以开发插件有vite自己的钩子函数与插件自带的 方便开发自己的东西

相关推荐
道不尽世间的沧桑41 分钟前
第17篇:网络请求与Axios集成
开发语言·前端·javascript
diemeng11192 小时前
AI前端开发技能变革时代:效率与创新的新范式
前端·人工智能
bin91534 小时前
DeepSeek 助力 Vue 开发:打造丝滑的复制到剪贴板(Copy to Clipboard)
前端·javascript·vue.js·ecmascript·deepseek
晴空万里藏片云5 小时前
elment Table多级表头固定列后,合计行错位显示问题解决
前端·javascript·vue.js
曦月合一5 小时前
html中iframe标签 隐藏滚动条
前端·html·iframe
奶球不是球5 小时前
el-button按钮的loading状态设置
前端·javascript
kidding7235 小时前
前端VUE3的面试题
前端·typescript·compositionapi·fragment·teleport·suspense
Σίσυφος19007 小时前
halcon 条形码、二维码识别、opencv识别
前端·数据库
学代码的小前端7 小时前
0基础学前端-----CSS DAY13
前端·css
css趣多多9 小时前
案例自定义tabBar
前端