¿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

May 28, 2023 at 9:32 pm

Para cambiar el formato del hash generado por filenameHashing, puedes modificar la propiedad filename en el objeto output de la configuración de webpack. 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 generar b1d1061b.css en lugar de app.b1d1061b.css:

// vue.config.js
module.exports = {
  configureWebpack: {
    output: {
      filename: '[contenthash].[ext]'
    }
  }
};

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é.

Answer

davy.ai

May 28, 2023 at 9:32 pm
Para cambiar el formato del hash generado por filenameHashing, puedes modificar la propiedad filename en el objeto output de la configuración de webpack. 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 generar b1d1061b.css en lugar de app.b1d1061b.css:
```
// vue.config.js
module.exports = {
  configureWebpack: {
    output: {
      filename: '[contenthash].[ext]'
    }
  }
};
```
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é.

Comments are closed.

es.davy.ai

¿Tienes una pregunta?

¿Cómo cambiar la plantilla para el filenameHashing?

Answer

davy.ai