初识Vite

缘由:
我们编写的代码往往是不能被浏览器直接识别的,比如ES6、TypeScript、Vue文件等
构建工具需要很长的时间才能开启服务器

但是随着项目越来越大,需要处理的JavaScript呈指数级增长,模块越来越多;

1.vite功能


1.vite执行效率高:
        第一次执行npx vite后,会进行预打包
        打包快: ESBuild

        不需要修改任何配置,下载插件直接使用

2.解析文件:
         .js/ ts: 直接运行,可省略.js文件后缀

        .css:
                不用安装loader插件
                install less      <-- 解析less文件
                install postcss 和 postcss-preset-env    <-- 浏览器前缀
                css文件被编译成es6代码,当浏览器加载css文件时,使用本地服务器Connect做转发,把style标签插入dom

        .vue:
                11.install vue@next
                22.install @vitejs/plugin-vue -D
                33.创建vite.config.j

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值