In this lesson we'll use cjs-to-es6 to convert CommonJS requires to ES6 imports. We'll also show how to convert over a exported default object to take advantage of named exports.

 

Install:

npm i -g cjs-to-es6

 

RUN:

cjs-to-es6 ./

We are targeting current folder.

 

From:

const MyComponent = () => {};const SmallHeader = () => {};exports.smallHeader = Smallheader;module.exports = MyComponent;

Convert to:

const MyComponent = () => {};const SmallHeader = () => {};export const smallHeader = Smallheader;export default MyComponent;

 

From:

function convertDate() {}module.exports = convertDate;

Convert to:

function convertDate() {}export default convertDate;

 

From: 

function add() {}function subtract() {}exports.add = add;exports.subtract = subtract;

Convert to:

function add() {}function subtract() {}export { add, subtract };

 

index.js:

import React from 'react';import App from './app';import { add } from './util';import { subtract as otherSubtract } from './util';import date from './date';