Saltar al contenido

¿Cómo cambiar el nombre de index.html en una compilación vue.js?

Si hallas algún fallo en tu código o trabajo, recuerda probar siempre en un ambiente de testing antes subir el código al proyecto final.

Solución:

Dado que está creando un vue.config.js, supongo que está utilizando vue-cli 3.0.

Dado que debe agregar las siguientes líneas en su vue.config.js.

module.exports = 
    // modify the location of the generated HTML file.
    // make sure to do this only in production.
    chainWebpack: (config) => 
        if (process.env.NODE_ENV === 'production') 
            config.plugin('html').tap((opts) => 
                opts[0].filename = './dist/dapp.html';
                return opts;
            );
        
     ,
;

El creador de Vue ha establecido un ejemplo de laravel-vue-cli-3 en github https://github.com/yyx990803/laravel-vue-cli-3 donde puede echar un vistazo

Actualización para la versión anterior de vue-cli

Si está utilizando la plantilla vue webpack, dentro de la carpeta de configuración hay un archivo index.js. Dentro de module.exports encontrará lo siguiente donde puede configurar su salida:

...
build: 
    // Template for index.html
    index: path.resolve(__dirname, './dist/index.html'),

    ...
,

simplemente cambie index.html con dapp.html y eso debería funcionar.

Si está utilizando una plantilla de paquete web, puede ver más detalles en http://vuejs-templates.github.io/webpack/backend.html.

solo puedes usar

module.exports = 
  indexPath: 'index_bundled.html'


como una opción predeterminada de vue cli para cambiar el archivo

Puntuaciones y reseñas

Acuérdate de que te permitimos aclarar si te fue útil.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *