Вы можете легко достичь этого, либо способом es6 (lib.js), либо es5 (lib2.js).
живой пример: https://codesandbox.io/embed/mo8z2ooovj
модуль экспорта es6 lib.js:
const myvar = 1;
export default myvar;`
модуль экспорта es5 lib2.js:
var myvar2 = 2;
module.exports = myvar2;`
в другой файл, вы можете импортировать модули и отображать значения следующим образом, я использую компонент:
import myvar from "./lib";
import myvar2 from "./lib2";
// you can use the imported values here as you need
// e.g.
function App() {
return (
<div className="App">
<h1>Hello CodeSandbox</h1>
<p>value from lib.js {myvar}</p>
<p>value from lib2.js {myvar2}</p>
<h2>Start editing to see some magic happen!</h2>
</div>
);
}
const rootElement = document.getElementById("root");
ReactDOM.render(<App />, rootElement);`