Salida
Las opciones de salida afectan la salida de la compilación. Las opciones de salida controlan cómo webpack escribe archivos compilados en el disco. Tenga en cuenta que aunque puede haber varios puntos de entrada, solo se puede especificar una configuración de salida.
Si utiliza hashes ([hash] o [chunkhash]), asegúrese de que el orden de los módulos sea coherente. Puede utilizar OccurrenceOrderPlugin o recordsPath.
El requisito mínimo para la propiedad de salida en la configuración de su paquete Web es establecerla en un objeto, que consta de dos partes:
Su nombre de archivo compilado es el nombre que desee, pero nosotros Normalmente uso: main.js o bundle.js o index.js.
output.path debe ser la ruta absoluta al directorio en el que desea empaquetar.
webpack.config.js
La siguiente es una lista de valores que se pueden pasar al atributo de salida.
El nombre de archivo del bloque que no es de entrada, como una ruta relativa dentro del directorio output.path.
[id] se reemplaza con la identificación del bloque.
[nombre] se reemplaza por el nombre del bloque de datos (o id si el bloque de datos no tiene nombre).
[hash] se reemplaza con el valor hash compilado.
[chunkhash] Reemplazado con el hash del fragmento.
Opción para habilitar la carga de fragmentos entre orígenes.
Valores posibles:
falso: deshabilita la carga entre orígenes.
anónimo: habilita la carga entre orígenes. Cuando se utiliza anónimo
, no se requieren credenciales al enviar solicitudes.
use-credentials: permite la carga entre orígenes. Envíe la solicitud utilizando las credenciales.
Para obtener más información sobre la carga entre dominios, consulte MDN
El módulo Todo/Especificar habilita el modo de mapeo fila a fila. El modo de mapeo fila a fila utiliza un SourceMap simple, donde cada fila de la fuente generada se asigna a la misma fila de la fuente original. Esta es un área donde se puede optimizar el rendimiento. Si necesita un mejor rendimiento y desea asegurarse de que las filas de entrada coincidan con las filas generadas, considere habilitar este modo.
true habilita en todos los módulos (no recomendado)
{test, include, exclusion} objetos habilitados en archivos específicos (similar a module.loaders).
Especifique el nombre de cada archivo de salida en el disco duro. ¡Aquí no se pueden especificar rutas absolutas! La opción -output.path - especifica la ubicación en el disco duro donde se escribe el archivo. Nombre de archivo: la opción especifica la ubicación en el disco duro donde se escribe el archivo.
Entrada única
Entradas múltiples
Si su configuración crea múltiples "bloques" (por ejemplo, usando múltiples puntos de entrada o usando complementos como CommonsChunkPlugin) , debe utilizar las siguientes sustituciones para asegurarse de que cada nombre de archivo no esté duplicado.
[nombre] se reemplaza con el nombre del bloque.
[hash] se reemplaza por el valor hash compilado.
[chunkhash] Reemplazado con el hash del fragmento.
El nombre de archivo del bloque de actualización en caliente. Están ubicados en el directorio salida.ruta.
[id] se reemplaza con la identificación del bloque.
[hash] se reemplaza con el valor hash compilado. (El último hash se guarda en el registro).
Función JSONP de Webpack para cargar de forma asincrónica fragmentos de actualizaciones en caliente.
El nombre del archivo principal de actualización en caliente.
[hash] Reemplazo de hash compilado. (El último hash se guarda en el registro).
Función JSONP utilizada por Webpack al cargar fragmentos de forma asincrónica.
Las funciones más cortas reducen el tamaño del archivo. Cuando tenga varias instancias de paquete web en una página, utilice identificadores diferentes.
Si se configura, el paquete se puede exportar como una biblioteca. salida.library es el nombre de la biblioteca.
Utilice esta opción si está escribiendo una biblioteca y desea publicarla como un solo archivo.
Formato de la biblioteca de exportación
"var" - exporta configurando variables: var Library = xxx (predeterminado)
"this" - configurando el atributo de this Export: this["Library"] = xxx
"commonjs" - Exportado estableciendo el atributo de exportaciones.
"commonjs" - exporta configurando el atributo de exportaciones: exports["Library"] = xxx
"commonjs2" - exporta a AMD (nombramiento opcional - establece el nombre según las opciones de la biblioteca )
"amd" - salida a AMD (nombramiento opcional - nombre establecido mediante opciones de biblioteca)
"amd" - salida a AMD (nombramiento opcional - nombre establecido a través de opciones de biblioteca) )
"umd" - Propiedad para salida a AMD, CommonJS2 o root
Si no se establece salida.library, pero sí se establece salida.library, salida a AMD. la biblioteca no está configurada, pero output.libraryTarget está establecido en un valor distinto de var, todas las propiedades del objeto exportado se copian (excepto amd, commonjs2 y umd).
Utilice una ruta absoluta como directorio de exportación (obligatorio).
[hash] será reemplazado por el valor hash compilado. strong>
Nota: Si la ruta pública del archivo de salida final no se conoce en el momento de la compilación, la ruta pública se puede dejar en blanco y configurar dinámicamente en el archivo de punto de entrada en el tiempo de ejecución. Si no se conoce publicPath en el momento de la compilación, puede omitirlo y establecer __webpack_public_path__ en el punto de entrada.
El nombre del archivo JavaScript es SourceMap. Están ubicados en el directorio salida.ruta.
[archivo] se reemplaza por el nombre del archivo JavaScript.
[id] se reemplaza con la identificación del bloque.
[hash] se reemplaza por el valor hash compilado.
Siguiente paso: Cargador