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

相关推荐
码艺-Alimjan6 小时前
Vue项目源码备份最佳实践:无视node_modules,打包体积仅2MB
前端·javascript·vue.js
隔窗听雨眠6 小时前
esbuild构建工具简介:重新定义前端构建速度的极速打包器
前端
蔓越莓6 小时前
Webpack 常用 Loader +手写Loader
前端·面试
潍坊老登7 小时前
写了一个某音自动刷视频,通过大模型分析视频主题的Android应用
前端
蔓越莓7 小时前
性能优化:webpack打包层面优化
前端·面试
TJHHH.7 小时前
XSS-labs-master
前端·web安全·xss
风月说与山鬼7 小时前
十二、Vue插件
前端·vue.js
spter。7 小时前
一次 Redis SETNX 的小插曲,我重新理解了原子性
前端·redis·bootstrap
Sayai7 小时前
【无标题】ECharts 实现日志量异常检测:基线 ±Kσ 基带 + 灵敏度切换(Vue2 实战)
前端·javascript·echarts