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

相关推荐
鹏多多8 分钟前
React动画方案对比:CSS动画和Framer Motion和React Spring
前端·javascript·react.js
亿元程序员12 分钟前
8年游戏主程,一篇文章,多少收益?
前端
IT_陈寒26 分钟前
5个Java 21新特性实战技巧,让你的代码性能飙升200%!
前端·人工智能·后端
咖啡の猫28 分钟前
Vue内置指令与自定义指令
前端·javascript·vue.js
昔人'35 分钟前
使用css `focus-visible` 改善用户体验
前端·css·ux
前端双越老师38 分钟前
译: 构建高效 AI Agent 智能体
前端·node.js·agent
艾小码1 小时前
告别数据混乱!掌握JSON与内置对象,让你的JS代码更专业
前端·javascript
liangshanbo12156 小时前
写好 React useEffect 的终极指南
前端·javascript·react.js
哆啦A梦15888 小时前
搜索页面布局
前端·vue.js·node.js