vite构建基本基础篇(开发环境搭建)_哔哩哔哩_bilibiliindex.htmlindex.html是vite的入口文件webpack是用js做入口文件package-lock.json两个功能锁版本号缓存如果本地 node_modules 中的包与 lock 文件记录的哈希值匹配npm会直接使用缓存跳过额外的下载过程package.json项目描述文件属性privatetrue就是不希望项目发布到npm上typemodule就是esm风格scripts可执行命令dependencies开发环境和上线都需要的依赖会打包devDependencies开发环境使用的依赖一般不打包public和assetspublic公共目录不会随着项目打包public在编译完成后会把目录下的文件放在根目录里面即存放的是一些无需被编译并可以在根目录被访问的静态资源assets静态资源目录随着项目代码进行编译不会放在根目录里面src存放的是代码里面的代码会被编译index.html让根组件App.tsx或App.vue挂载在id为root的DOM节点下tscofnig.jsonts的配置文件React相关基础篇(开发环境搭建)_哔哩哔哩_bilibilitsconfig.json等文件tsconfig.json主入口引用其他配置文件tsconfig.app.json前端应用代码的编译规则tsconfig.node.json构建脚本如 vite.config.ts的编译规则vite.config.tsVite 构建工具的核心配置文件文件名角色运行环境关键特征tsconfig.json总指挥无仅作为索引包含references指向其他两个文件tsconfig.app.json应用开发浏览器 (Browser)包含DOM类型管理src目录tsconfig.node.json工程构建Node.js包含node类型管理vite.config.tsApp.tsx根组件main.tsx项目的入口文件index.css全局样式文件nextjs相关Next.js(项目搭建)_哔哩哔哩_bilibilisrc/appapp是主要编写的目录next-env.d.tsnext.js的一些声明文件包括图片和一些其他资源next.onfig.ts项目配置文件postcss.config.mjstailwind属于postcss的一个插件所以装tailwind就要会有这个