现在做什么行业最赚钱最稳,北京网站优化公司如何,现在哪个网站做电商好,一流的扬中网站建设版本#xff1a;
本系列next.js基于的是目前最新版本的 v14 版本#xff0c;需要 Node.js 18.17 及以后版本 创建项目#xff1a;
最快捷的创建 Next.js 项目的方式是使用 create-next-app脚手架#xff0c;你只需要运行#xff1a;
npx create-next-applatest
本系列next.js基于的是目前最新版本的 v14 版本需要 Node.js 18.17 及以后版本 创建项目
最快捷的创建 Next.js 项目的方式是使用 create-next-app脚手架你只需要运行
npx create-next-applatestpnpm create next-appyarn create next-app文件目录及其启动命令
开发的时候使用 npm run dev。
部署的时候先使用 npm run build 构建生产代码再执行 npm run start 运行生产项目。
运行 npm run lint 则会执行 ESLint 语法检查。 执行 next build 将会创建项目的生产优化版本输出如下 从上图可以看出构建时会输出每条路由的信息比如 Size 和 First Load JS。注意这些值指的都是 gzip 压缩后的大小。其中 First Load JS 会用绿色、黄色、红色表示绿色表示高性能黄色或红色表示需要优化。
这里要解释一下 Size 和 First Load JS 的含义。正常我们开发的 Next.js 项目其页面表现类似于单页应用即路由跳转我们称之为“导航”的时候页面不会刷新而会加载目标路由所需的资源然后展示所以 加载目标路由一共所需的 JS 大小 每个路由都需要依赖的 JS 大小 目标路由单独依赖的 JS 大小 其中
加载目标路由一共所需的 JS 大小就是 First Load JS目标路由单独依赖的 JS 大小就是 Size每个路由都需要依赖的 JS 大小就是图中单独列出来的 First load JS shared by all First Load JS Size First load JS shared by all 使用官方文档中的介绍就是
Size导航到该路由时下载的资源大小每个路由的大小只包括它自己的依赖项First Load JS加载该页面时下载的资源大小First load JS shared by all所有路由共享的 JS 大小会被单独列出来
