[Vuejs]-Date variable in JS import file name

by

3👍

Static imports cannot depend on any value computed at runtime.

You’d need to use a dynamic import instead.

const dateNow = Date.now(); 
const InputComponent = await import(`./moduly/editor-input.js?v=${dateNow}`;

(Note also the corrected syntax for the template literal).

That said, using cache busting like this in a Vue app strikes me as unusual. My experience is mostly focused on React, but as far as I know they are usually built in similar ways.

Your JS files are bundled up at build time and then deployed.

The trick there is to leave your source code alone and configure your bundler to generate unique file names. e.g. with webpack you would set the output filename to include a hash.

👤Quentin

Leave a comment