feat: [webpack] Add the webpack config to handle the marker png and leaflet css

webpack.config.js

 const path = require('path');
+const CopyWebpackPlugin = require('copy-webpack-plugin');
 const isProd = process.env.NODE_ENV === 'production';
 
 module.exports = {
@@ -26,10 +27,10 @@ module.exports = {
                 options: { appendTsSuffixTo: [/\.vue$/] },
             },
             {
-                test: /\.(ttf|eot|svg|woff(2)?)(\?[a-z0-9=&.]+)?$/,
+                test: /\.(ttf|eot|svg|woff(2)?|png|jpe?g|gif)(\?[a-z0-9=&.]+)?$/,
                 loader: 'file-loader',
             },
-                { test: /\.css$/, loader: 'css-loader' },
+            { test: /\.css$/, loader: ['style-loader', 'css-loader'] },
             { enforce: 'pre', test: /\.js$/, loader: 'source-map-loader' },
         ],
     },

webpack.dev.js

@@ -17,6 +17,7 @@ module.exports = merge(common, {
                     transform: (content) => content.toString().split('{DOMAIN}').join(DOMAIN), // replace all
                 },
                 { from: 'node_modules/@logilab/libview/build/index.html', to: 'index.html' },
+                { from: 'node_modules/leaflet/dist/images/*', to: 'images/', flatten: true },
             ],
         }),
         new webpack.DefinePlugin({

webpack.prod.js

@@ -17,6 +17,7 @@ module.exports = merge(common, {
                     transform: (content) => content.toString().split('{DOMAIN}').join(DOMAIN), // replace all
                 },
                 { from: 'node_modules/@logilab/libview/build/index.html', to: 'index.html' },
+                { from: 'node_modules/leaflet/dist/images/*', to: 'images/', flatten: true },
             ],
         }),
         new webpack.DefinePlugin({