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自己的钩子函数与插件自带的 方便开发自己的东西

相关推荐
小杨升级打怪中1 分钟前
前端面经-JS篇(三)--事件、性能优化、防抖与节流
前端·javascript·xss
清风细雨_林木木5 分钟前
Vue开发网站会有“#”原因是前端路由使用了 Hash 模式
前端·vue.js·哈希算法
鸿蒙布道师28 分钟前
OpenAI为何觊觎Chrome?AI时代浏览器争夺战背后的深层逻辑
前端·人工智能·chrome·深度学习·opencv·自然语言处理·chatgpt
袈裟和尚33 分钟前
如何在安卓平板上下载安装Google Chrome【轻松安装】
前端·chrome·电脑
曹牧37 分钟前
HTML字符实体和转义字符串
前端·html
小希爸爸42 分钟前
2、中医基础入门和养生
前端·后端
局外人LZ1 小时前
前端项目搭建集锦:vite、vue、react、antd、vant、ts、sass、eslint、prettier、浏览器扩展,开箱即用,附带项目搭建教程
前端·vue.js·react.js
G_GreenHand1 小时前
Dhtmlx Gantt教程
前端
鹿九巫1 小时前
【CSS】层叠,优先级与继承(四):层叠,优先级与继承的关系
前端·css
卓怡学长1 小时前
w304基于HTML5的民谣网站的设计与实现
java·前端·数据库·spring boot·spring·html5