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 应用程序的配置文件,两者的主要区别在于文件格式和支持的特性。
文件格式:
next.config.mjs
使用 ECMAScript 模块 (ESM) 格式,因此你可以在文件中使用import
和export
语法。next.config.js
使用 CommonJS 格式,因此你应该使用require()
和module.exports
来导入和导出模块。特性支持:
next.config.mjs
支持更先进的 JavaScript 功能,如 ES 模块、动态import()
等。next.config.js
在功能上相对较为保守,不支持一些 ES 模块特性。因此,如果你的项目使用了较新的 JavaScript 特性或者想要使用
import
和export
语法,建议选择使用next.config.mjs
。否则,可以继续使用传统的next.config.js
。在选择文件格式时,你应该根据你的项目需求和团队技术栈来决定。