Cómo entender salida.nombredearchivo y salida.chunkFilename en webpack
el nombre del archivo debería ser más fácil de entender, corresponde al nombre del archivo generado en la entrada. Por ejemplo:
{
entrada: {
"index": "pages/index.jsx"
},
salida: {
nombre de archivo: "[nombre].min.js",
fragmento de nombre de archivo: "[nombre].min.js"
}
}
El nombre del archivo generado es index.min.js.
Mi comprensión personal de chunkname es la configuración de nombres de archivos que no aparece en la entrada, pero que debe empaquetarse. ¿Qué escenarios lo requieren? Nuestro proyecto ha encontrado que al cargar módulos (asincrónicos) bajo demanda, dichos archivos no aparecen en la entrada. Por ejemplo, al usar CommonJS para cargar módulos de forma asincrónica:
require.ensure( ["modules/tips. jsx"], function(require) {
var a = require("modules/tips.jsx");
// ...
} , 'tips');
El módulo cargado asincrónicamente debe cargarse en forma de archivo, por lo que el nombre del archivo generado en este momento se configura con chunkname y el nombre del archivo generado es tips.min. js.
(El tercer parámetro de la API require.ensure() es nombrar este módulo; de lo contrario, chunkFilename: [nombre] en "[nombre].min.js" es un identificador legible y asignado automáticamente. pobre, lo encontramos en un lugar muy discreto )
.