nextjs 记录

nextjs脚手架 使用前先全局安装

npm install -g create-next-app

在指定项目执行命令 创建nextjs项目

create-next-app next-create

pnpm下载

pnpx create-next-app my-next-app

 next.config 文件

next.config.mjs 和 next.config.js 是用于配置 Next.js 应用程序的配置文件，两者的主要区别在于文件格式和支持的特性。

1. 文件格式：

   • next.config.mjs 使用 ECMAScript 模块 (ESM) 格式，因此你可以在文件中使用 import 和 export 语法。
   • next.config.js 使用 CommonJS 格式，因此你应该使用 require() 和 module.exports 来导入和导出模块。

2. 特性支持：

   • next.config.mjs 支持更先进的 JavaScript 功能，如 ES 模块、动态 import() 等。
   • next.config.js 在功能上相对较为保守，不支持一些 ES 模块特性。

因此，如果你的项目使用了较新的 JavaScript 特性或者想要使用 import 和 export 语法，建议选择使用 next.config.mjs。否则，可以继续使用传统的 next.config.js。在选择文件格式时，你应该根据你的项目需求和团队技术栈来决定。