Import a fresh, uncached, version of an EcmaScript Module (ESM; aka ES6 module/JavaScript Module).
npm install @small-tech/import-freshImport a fresh, uncached version of an EcmaScript Module (ESM; aka ES6 module/JavaScript Module).
---
___Note:__ This will leak memory and eventually crash your system. Garbage collecting stale ESM modules is not a solved problem as of Feb, 2021. Do not use this in production._
---
``js`
importFresh(absolutePathToModule)
In _module.mjs_:
`js`
export default (() => Math.random())
In _index.mjs_:
`js
import path from 'path'
import importFresh from '@small-tech/importFresh'
console.log((await importFresh(path.resolve('./module.mjs'))).default)
console.log((await importFresh(path.resolve('./module.mjs'))).default)
`
Run _index.mjs_ and note that you see two different random numbers.
Before you just npm install this, ask yourself if you really need it.
If you’re only going to use this in one place, you can cache bust using a single line of vanilla JavaScript:
e.g.,
`js./my-module?update=${new Date()}
const myModule = await import()`
(Bonus: you won’t have to use absolute paths.)
And if you want to use it from several places in the same file, you can just make a simple function:
`js${modulePath}?update=${new Date()}
function importFresh(modulePath) {
return await import()``
}
The only time this module really saves you any work is if you need this functionality from multiple files within your project.
So evaluate whether you need to use it and save a dependency if you don’t.
Small Technology Foundation is a tiny, independent not-for-profit.
We exist in part thanks to patronage by people like you. If you share our vision and want to support our work, please become a patron or donate to us today and help us continue to exist.
© 2021 Aral Balkan, Small Technology Foundation.