WebStorm / PhpStorm auto require for CommonJS modules

Question

WebStorm auto-import for ES6 modules works great. Is it possible to have auto-require for CommonJS modules?

Here is my test case:

// file es6.js
export default {
  foo: () => console.log('foo')
}

// file common.js
module.exports = {
  bar: () => console.log('bar')
};

// file index.js
import {foo} from './es6';
const {bar} = require('./common');

foo(); // 3
bar(); // 4

When I copy and paste lines 3,4 to a new file, I got

// file index2.js
import {foo} from "./es6";

foo();
bar();

foo function was auto-imported, but bar wasn't. Is it possible to auto-require bar?

Answer 1

Auto-import is only supported for ES6 modules. To create missing require() calls, use quick fixes available on Alt+Enter: