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';