Estoy escribiendo un complemento de paquete web (para la versión 4.41.5) para realizar el siguiente trabajo antes del tiempo de "compilación real":
busque en todos los archivos con el patrón como **/foo/index.page.vue, **/bar/index.page.vue, **/index.page.vue , obtenga la ruta de esos archivos, luego genere el código javascript como a continuación y finalmente insértelos en el código correspondiente.

 [ { name: "foo" path: "/foo", component: import(/* webpackChunkName: "foo" */ "[any-path-prefix]/foo/index.page.vue"), }, { name: "bar" path: "/bar", component: import(/* webpackChunkName: "bar" */ "[any-path-prefix]/bar/index.page.vue"), }, ... ];

el complemento debe invocarse tanto en el modo de producto como en el de desarrollo solo una vez en cada tiempo de compilación o recompilación. entonces, ¿qué gancho debo elegir en las mejores prácticas?

Intenté invocar el complemento en el enlace "antes de la compilación". No sé si es el mejor gancho, pero parece que este gancho se invoca demasiadas veces al compilar en modo producto. mi código es como

 function RegisterRoutePlugin(config) { // do something... } RegisterRoutePlugin.prototype.apply = function (compiler) { compiler.plugin('before-compile', (compilation, callback) => { // do something... callback() }) }