#Using ES modules
Node.js projects can use one of two module systems: CommonJS and ES Modules (ESM). Hardhat was designed mainly with CommonJS in mind, but in the last years adoption of ESM has been growing.
This guide explains where you can use ESM in your Hardhat project and how to do it.
# Hardhat support for ES modules
You can write your scripts and tests as both CommonJS and ES modules. However, your Hardhat config, and any file imported by it, must be CommonJS modules.
If your package uses ESM by default (that is, you have "type": "module"
in your package.json
), then your Hardhat config file must be named hardhat.config.cjs
.
Hardhat doesn't support ESM in TypeScript projects.
# Using ES Modules in Hardhat
The following sections explain how to use ES modules in new or existing Hardhat projects.
#Starting an ESM-first Hardhat project
If you want to start a Hardhat project that uses ES modules by default, first you have to initialize a Node.js project:
npm init -y
npm init -y
yarn init -y
pnpm init
Open the package.json
that was created and add a "type": "module"
entry. This will make the project use ESM by default.
After that, install Hardhat:
npm install --save-dev hardhat
npm install --save-dev hardhat
yarn add --dev hardhat
pnpm add -D hardhat
and run npx hardhat init
to create a Hardhat project:
888 888 888 888 888
888 888 888 888 888
888 888 888 888 888
8888888888 8888b. 888d888 .d88888 88888b. 8888b. 888888
888 888 "88b 888P" d88" 888 888 "88b "88b 888
888 888 .d888888 888 888 888 888 888 .d888888 888
888 888 888 888 888 Y88b 888 888 888 888 888 Y88b.
888 888 "Y888888 888 "Y88888 888 888 "Y888888 "Y888
Welcome to Hardhat v2.22.17
? What do you want to do? …
▸ Create a JavaScript project
Create a TypeScript project (not available for ESM projects)
Create an empty hardhat.config.cjs
Quit
Select the Create a JavaScript project
option. This will initialize a Hardhat project where the scripts and tests are ES modules, and where the configuration has a .cjs
extension.
#Migrating a project to ESM
If you have an existing Hardhat project and you want to convert it into an ESM project, follow these steps:
- Edit your
package.json
and add a"type": "module"
entry. - Rename your
hardhat.config.js
file tohardhat.config.cjs
. - Migrate all your scripts and tests from CommonJS to ESM. Alternatively, you can rename them to have a
.cjs
extension instead of.js
.
#Adding ESM files to an existing Hardhat project
It's also possible to write ESM scripts and tests without making your whole project ESM by default. To do this, just create your scripts and tests with an .mjs
extension.
# ESM and TypeScript projects
At the moment, it's not possible to use ESM in TypeScript projects.
Hardhat uses ts-node
to run TypeScript projects, which in turn relies on Node's loader hooks. This is all experimental and the current functionality is not enough for Hardhat's needs.
If you need this feature, please let us know in this issue.
# Learn more
To learn more about ES modules in general, check these resources:
- Node.js docs
- ES modules: A cartoon deep-dive
- The Modules chapter of "JavaScript for impatient programmers"