Webpack не может разрешить требуемый объект

Question

Я создаю webapp, и мне нужно, чтобы webpack требовал, чтобы объект в конфигурационном файле располагался в одной папке.

└─ config.js 
└─ foo 
    └─bar.js 

давайте говорить, что bar.js потребности получить kitty сопзЬ в config.js

На данный момент мой код выглядит в config.js JavaScript

const kitty = { 
    meow: { 
     'name': "prrr", 
    } 
}; 

и как это в bar.js Javascript

require('../config') 
console.log(kitty.meow.name) 

, но я возвращаю ошибку, которая говорит

Module not found: Error: Cannot resolve 'file' or 'directory' ../config 

Answer 1

Я решил это, используя ES6 синтаксис

export const kitty = {...} 

и

import kitty from '../config.js'