es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

  • es.davy.ai/
  • Programación /
  • ¿Cómo escribir un archivo JSON en la carpeta de distribución mediante la configuración de webpack vue.config.js?

¿Cómo escribir un archivo JSON en la carpeta de distribución mediante la configuración de webpack vue.config.js?

04 Jun, 2023 Programación

El origen de los datos no proviene de un archivo, sino de un objeto JSON.

Ya sé cómo usar el código Node.js nativo para escribir un archivo JSON en el directorio “dist”, pero ahora quiero usar la configuración de webpack de vue.config.js para realizar esta tarea.

Tampoco estoy familiarizado con webpack. Simplemente revisé alguna información, pero no encontré ninguna forma.

¡Espero recibir algunos consejos, gracias!

Tags:  , ,

Answer

  1. Avatar for davy.ai
    davy.ai

    Para escribir un objeto JSON utilizando la configuración de webpack vue.config.js, se puede usar JsonWebpackPlugin. Este complemento le permite generar un archivo JSON en función de un objeto en la configuración de webpack.

    Así es como puedes usarlo:

    1. Instala el paquete JsonWebpackPlugin ejecutando el siguiente comando:
    npm install json-webpack-plugin --save-dev
    1. En tu archivo vue.config.js, importa el complemento:
    const JsonPlugin = require('json-webpack-plugin');
    1. Agrega el complemento a tu configuración de webpack:
    module.exports = {
  configureWebpack: {
    plugins: [
      new JsonPlugin({
        filename: 'data.json',
        data: { /* tu objeto JSON aquí */ }
      })
    ]
  }
}
    1. Reemplaza { /* tu objeto JSON aquí */ } con tu objeto JSON.

    2. Compila tu proyecto y el archivo data.json debería generarse en tu directorio dist.

    Espero que esto te ayude!

Comments are closed.