¿Cómo mueve webpack html al directorio de salida?
Necesita generar varios archivos html, solo NUEVOS algunos HtmlWebpackPlugin
const HtmlWebpackPlugin = require( 'html-webpack -plugin')
/*
.....Muchas configuraciones
*/
Plug -in: [
new ExtractTextPlugin('[name].css'),
//Empiece a escribir aquí
new HtmlWebpackPlugin({
nombre de archivo: 'Escriba aquí la ruta de almacenamiento html generada',
plantilla: '', //ruta de la plantilla html, la ruta de la plantilla se admite pasando parámetros para llamar al cargador,
inject: 'body ', //La posición donde se inserta js después del empaquetado, true/'head'/'body'/false,
chunks: ['Escribe el archivo js empaquetado que desees para hacer referencia aquí, este archivo es una matriz ']
}),
new HtmlWebpackPlugin({
/// Si necesita empaquetar varios html, continúe escribiendo, por supuesto, esta configuración se puede generar dinámicamente y luego enviarse
})
]
Para obtener más detalles, puede consultar el archivo html-webpack- información del complemento Si busca en Baidu, muchos de ellos no aparecen en la lista. Puede ir Eche un vistazo a github
Creo que el autor está familiarizado con la configuración anterior y la información de consulta relevante
.Y mi html-WebpackPlugin({
// Si necesita empaquetar varios html, siga escribiendo. Por supuesto, esta configuración se puede generar y enviar dinámicamente
} ).
Y mi html sigue siendo una estructura estática muy escrita, que no puede generarse mediante un simple complemento html-webpack. La navegación de la página de inicio y la página del artículo es la misma. No existe una función de inclusión similar a jsp.
Este autor necesita usar plantillas. Personalmente recomiendo ejs porque solo he usado esto en este momento. la ubicación de la plantilla en la configuración de la plantilla, primero use npm para instalar la plantilla ejs-full-loader
: '!ejs-full-loader!src/build/index.html'
.