详解Vue CLI3配置之filenameHashing使用和源码设计使用和源码设计
(编辑:jimmy 日期: 2026/9/19 浏览:3 次 )
执行 npm run build 之后的 dist 目录的静态资源的文件名多会追加上 hash 值,比如: page1.f151b4d3.js
那如果不要 hash 呢,你只需要配置 vue.config.js 文件中的 filenameHashing
官方文档也提到了因为 html 也是我们通过插件生成的,静态资源直接就 inject 进去的,所以,当 html 不是自动生成或者其他情况时候,就不能加 hash 了,可以配置 false。
filenameHashing: false
我们看看源码实现:
首先它是 vue.config.js 的一个配置,在文件 cli-service/lib/options.js 中:
默认值是 true
filenameHashing: true
先看 css 部分,在文件 cli-service/lib/config/css.js 中:
const filename = getAssetPath(
options,
`css/[name]${options.filenameHashing "htmlcode">
const filename = getAssetPath(
options,
`js/[name]${isLegacyBundle "htmlcode">
const path = require('path')
module.exports = function getAssetPath (options, filePath, placeAtRootIfRelative) {
return options.assetsDir
? path.posix.join(options.assetsDir, filePath)
: filePath
}
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
下一篇:Bootstrap Table 双击、单击行获取该行及全表内容
几个月来,英特尔、微软、AMD和其它厂商都在共同推动“AI PC”的想法,朝着更多的AI功能迈进。在近日,英特尔在台北举行的开发者活动中,也宣布了关于AI PC加速计划、新的PC开发者计划和独立硬件供应商计划。
在此次发布会上,英特尔还发布了全新的全新的酷睿Ultra Meteor Lake NUC开发套件,以及联合微软等合作伙伴联合定义“AI PC”的定义标准。
在此次发布会上,英特尔还发布了全新的全新的酷睿Ultra Meteor Lake NUC开发套件,以及联合微软等合作伙伴联合定义“AI PC”的定义标准。