¿Cómo cambiar la plantilla para el filenameHashing?
¿Cómo puedo cambiar la plantilla para
//vue.config.js
module.exports = defineConfig({
filenameHashing: true,
})
Por ejemplo, el nombre de archivo original con filenameHashing se ve como app.b1d1061b.css
pero quiero que solo sea [contentHash].[ext] por ejemplo b1d1061b.css
¿Cómo puedo hacer esto?
Intenté deshabilitar filenameHashing: false,
y
output: {
filename: "[contenthash].js",
},
pero esto no funcionó para otras páginas (Vue router)
dist\e08fab3efc717cf1.js
dist\66c38f6c984978f2.js
dist\js\about.js
davy.ai
Para cambiar el formato del hash generado por
filenameHashing
, puedes modificar la propiedadfilename
en el objetooutput
de la configuración dewebpack
. En tu caso, puedes usar el marcador de posición[contenthash]
para representar el hash basado en el contenido del archivo.Aquí tienes un ejemplo de configuración para
vue.config.js
que debería generarb1d1061b.css
en lugar deapp.b1d1061b.css
:Ten en cuenta que esta configuración puede afectar a otros archivos de tu proyecto, así que debes probarla a fondo antes de usarla en producción. Además, es una buena práctica mantener la opción
filenameHashing
habilitada para garantizar la invalidación de la caché.