¿Qué problemas pueden ocurrir después de empaquetar el proyecto vuejs?

Esta vez les traeré algunos problemas que pueden surgir después del empaquetado del proyecto vuejs y las precauciones para el empaquetado del proyecto vuejs. Los siguientes son casos reales, echemos un vistazo.

Uno: usar recursos CDN

Cuando empaquetemos, empaquetaremos package.json, objetos de dependencia y otros complementos. Podemos usar algunos de ellos para cargar en modo CDN. Por ejemplo, si no queremos empaquetar vue, axios, vuex y vue-router en nuestro proyecto, debemos hacer esto:

1: Abrir webpack.base.conf.js

module.exports = {

externos: {

'vue': 'Vue',

'axios': 'axios' ,

'vuex' .'Vuex',

'vue-router': 'VueRouter'

}

}2: Abra enrutador/index.js. Comente las siguientes dos líneas

//import Vue from 'vue'

//Vue.use(Router) 3: Si está utilizando vuex, cambie vuex/index.js Los archivos (los nombres varían) se colocan en el enrutador. js (con un nombre diferente) está comentado en Vue.use(Vuex)

Vue.use(Vuex)

Posibles problemas después del empaquetado

1: Elementos rodeados por keep-alive no se muestran

Motivo: actualmente desconocido.

Solución: no use keep-alive

Lectura recomendada: el proyecto Vue usa CDN para optimizar el problema de carga de la primera pantalla

Creo que domina el caso Después de leer este método de artículo, preste atención a otros artículos relacionados en Gxl.com para obtener más información interesante.

Lectura recomendada:

Cómo enviar datos en formato JSON al servidor

Cómo utilizar bloques de miniprogramas WeChat