Next.js

安装和配置 Next.js 。

首先使用以下命令创建一个新的 React 项目 next.js 。


npx create-next-app@latest


pnpm dlx create-next-app@latest


yarn dlx create-next-app@latest


bun x create-next-app@latest

💡

Tip

最新next.js编译器默认使用swc，有关babel插件的配置，请查看这里。


npm install babel-plugin-istanbul babel-plugin-canyon -D


pnpm add babel-plugin-istanbul babel-plugin-canyon -D


yarn add babel-plugin-istanbul babel-plugin-canyon --dev


bun add babel-plugin-istanbul babel-plugin-canyon --dev

babel.config.js


module.exports = {
  presets: ["next/babel"],
  plugins: ["istanbul", "canyon"],
};