Estoy tratando de hacer un proyecto de paquete web, pero cada tutorial que veo en Internet usa la misma carpeta para activos y distribución , pero me gustaría saber si hay una mejor manera de administrar activos y archivos estáticos en una carpeta y construir todo en una carpeta Dist o Build más tarde.
La estructura seria:
| /src -> every coding including css and other html pages. | /public -> index.html, favicon.ico... | /public/assets -> put images and other stuff herey después:
| /dist -> combine everything in here: index.html, js files and assets.Ese debería ser el punto del cargador de archivos.
Agregue esta regla a webpack.config.js
{ test: /\.(png|jpe?g|gif)$/i, loader: 'file-loader', options: { outputPath: 'assets', publicPath: 'assets', }, }En webpack5, la regla puede ser esta, haga clic en módulos de activos para obtener más detalles
{ type: 'asset/resource', test: /\.(png|jpe?g|gif)$/i, generator: { filename: 'assets/[hash][ext][query]' }, }