Ролҳои хеш дар номҳои файлҳо чӣ гуна аст, масалан, дар контексти истифодаи Vue CLI?

Ролии хеша дар номҳои файлҳо (масалан, app.[hash].js) дар контексти истифодаи Vue CLI инҳоянд:

• Идоракунии кеш: Браузер файлҳои захираҳои статикӣ (CSS, JS, ҳарфҳо, тасвирҳо) -ро кеш мекунад, то боркунии дубораи саҳифаҳоро суръат бахшад. Вақте ки мазмуни файл тағйир меёбад, хеши нав эҷод мешавад ва номи файл тағйир меёбад. Ин ба браузер имкон медиҳад, ки файлро ҳамчун нав қабул кунад ва онро дубора боркунад, ба ҷои истифодаи нусхаи кӯҳнаи кешшуда.

• Пешгирии низоъҳо: Дар ҳолати ҷойгиркунии бисёрмаротиба ё сохтани барнома, истифодаи хеши беназир кафолат медиҳад, ки нусхаҳои гуногуни ҳамон файл ба таври тасодуфӣ омехта ё нусхабардорӣ нашаванд.

• Таъмини навсозӣ: Ҳамеша истифодабарандагон нусхаи охирини барро мегиранд, зеро тағйирот дар код автоматӣ ба эҷоди файлҳои нав бо номҳои беназир оварда мерасонад.

Дар Vue CLI, хешҳо тавассути Webpack ба раванди сохтмон ворид карда мешаванд. Танзимоти стандартии Webpack истифодаи хешҳоро дар номҳои файлҳо барои захираҳои баромадро дар бар мегирад.

// Намунаи қисми танзимоти Webpack, ки истифодаи хешро нишон медиҳад
module.exports = {
  output: {
    filename: 'js/[name].[chunkhash:8].js', // Истифодаи chunkhash барои файлҳои JS
    chunkFilename: 'js/[name].[chunkhash:8].js' // Истифодаи chunkhash барои чанки
    // ...танзимотҳои дигар
  },
  // ...танзимотҳои дигар
};

chunkhash (ё contenthash) барои файлҳои JS ва CSS истифода мешавад, зеро он танҳо вақте тағйир меёбад, ки мазмуни файл тағйир меёбад, на вақте ки дигар файлҳо дар ҳамон сохтмон тағйир меёбанд. hash метавонад барои ҳама гуна захираҳо истифода шавад, аммо дар ҳар тағйирот тағйир меёбад, ки ин ҳамеша барои кеши беҳтарин нест.

Хулоса, хеш дар номҳои файлҳо механизмест барои идоракунии муассири кеш ва таъмини муттаҳидӣ ва навсозии захираҳои статикӣ дар барномаҳои веби муосир, ки бо истифода аз рамзҳо ба монанди Vue ва асбобҳои сохтмонӣ ба мисли Webpack таҳия шудаанд.