手记

【学习打卡】第1天 Vite 从入门到精通,玩转新时代前端构建法则

课程名称:Vite 从入门到精通,玩转新时代前端构建法则

课程章节: Vite 的基础应用

主讲老师:Jokcy


课程内容:

今天学习的内容包括:

Vite的优势:1.上手非常简单, 2. 开发效率极高。 3. 社区成本低(兼容rollup插件)

Vite分别创建vue3 vue2 react项目 使用npm init @vitejs/app 创建项目,进入创建流程,选择创建的类型

Vite的css的处理: 原生是支持css的,vite集成了css的variable 配置postcss, 在vite.config.js中配置插件

@postcss-plugins/console



课程收获:

Vite的优势有哪些?比如1.上手非常简单, 2. 开发效率极高。 3. 社区成本低(兼容rollup插件)

Vite 如何创建项目的命令行

Vite 中css的处理:路径映射; 配置 resolve中的alias:"@/styles":"/src/styles"

Vite 中使用Typescript vite中本身就集成的是es6,所以只做编译不做校验。需要校验就需要tsc--noEmit去校验

在ts的配置中推荐设置isolatedModules, 因为vite只提供编译只编译单文件的,对于ts来说又可以模块间关联不同文件类型



0人推荐
随时随地看视频
慕课网APP