Refactor JavaScript components

[gpl/argeo-suite.git] / js / webpack.common.js

diff --git a/js/webpack.common.js b/js/webpack.common.js
new file mode 100644 (file)
index 0000000..88b22bc
--- /dev/null
+++ b/js/webpack.common.js
@@ -0,0 +1,52 @@
+const MiniCssExtractPlugin = require('mini-css-extract-plugin');
+//const CssMinimizerPlugin = require('css-minimizer-webpack-plugin');
+const HtmlWebpackPlugin = require('html-webpack-plugin');
+const path = require('path');
+
+module.exports = {
+       entry: {
+               "org.argeo.app.geo.js": { 
+                       import: './src/org.argeo.app.geo.js/index.js',
+               }
+       },
+       output: {
+               filename: '[name].[contenthash].js',
+               path: path.resolve(__dirname, 'org.argeo.app.geo.js/org/argeo/app/geo/js'),
+               clean: true,
+       },
+       optimization: {
+               moduleIds: 'deterministic',
+               runtimeChunk: 'single',
+               // split code
+               splitChunks: {
+                       chunks: 'all',
+               },
+               //              minimizer: [
+               //                      // For webpack@5 you can use the `...` syntax to extend existing minimizers (i.e. `terser-webpack-plugin`), uncomment the next line
+               //                      `...`,
+               //                      new CssMinimizerPlugin(),
+               //              ],
+       },
+       module: {
+               rules: [
+                       {
+                               test: /\.(css)$/,
+                               use: [
+                                       MiniCssExtractPlugin.loader,
+                                       'css-loader',
+                               ],
+                       },
+               ],
+       },
+       plugins: [
+               // deal with CSS
+               new MiniCssExtractPlugin(),
+               // deal with HTML generation
+               new HtmlWebpackPlugin({
+                       title: 'Open Layers',
+                       template: 'src/org.argeo.app.geo.js/index.html',
+                       scriptLoading: 'module',
+               }),
+
+       ],
+};
\ No newline at end of file