fix(Build): Correcting webpack config

.config/webpack.common.js

@@ -31,7 +31,7 @@ module.exports = {
         test: /\.(png|jpe?g|gif|svg|woff|woff2|ttf|eot|ico)$/,
         loader: 'file-loader',
         options: {
-          name: 'assets/[name].[hash].[ext]',
+          name: 'assets/[name].[fullhash].[ext]',
         },
       },
       {
@@ -64,7 +64,9 @@ module.exports = {
       template: helpers.root('demo', 'index.html'),
     }),
 
-    new CopyWebpackPlugin([{ from: helpers.root('demo', 'assets'), to: 'assets' }]),
+    new CopyWebpackPlugin({ patterns: [
+      { from: helpers.root('demo', 'assets'), to: 'assets' }
+    ]}),
 
     new AngularCompilerPlugin({
       tsConfigPath: './tsconfig.json',

.config/webpack.github.js

@@ -1,13 +1,13 @@
-var webpackMerge = require('webpack-merge');
-var commonConfig = require('./webpack.prod.js');
-var helpers = require('./helpers');
+const { merge } = require('webpack-merge');
+const commonConfig = require('./webpack.prod.js');
+const helpers = require('./helpers');
 
-module.exports = webpackMerge(commonConfig, {
+module.exports = merge(commonConfig, {
+  mode: 'production',
   output: {
     path: helpers.root('docs'),
     publicPath: 'https://visjs.github.io/ngx-vis',
-    filename: '[name].[hash].js',
-    chunkFilename: '[id].[hash].chunk.js',
-    mode: 'production'
+    filename: '[name].[fullhash].js',
+    chunkFilename: '[id].[fullhash].chunk.js',
   }
 });

.config/webpack.prod.js

@@ -12,16 +12,16 @@ module.exports = webpackMerge(commonConfig, {
   output: {
     path: helpers.root('dist'),
     publicPath: './',
-    filename: '[name].[hash].js',
-    chunkFilename: '[id].[hash].chunk.js'
+    filename: '[name].[fullhash].js',
+    chunkFilename: '[id].[fullhash].chunk.js'
   },
 
   plugins: [
     new webpack.NoEmitOnErrorsPlugin(),
     new MiniCssExtractPlugin({
       // Options similar to the same options in webpackOptions.output
       // both options are optional
-      filename: "[name].[hash].css",
+      filename: "[name].[fullhash].css",
       chunkFilename: "[id].css"
     }),
     new webpack.DefinePlugin({

.github/workflows/build.yml

@@ -23,7 +23,7 @@ jobs:
     - name: npm install, build and test
       run: |
         npm install
-        npm run build
+        npm run build:all
         npm run test
 
   deploy:

demo/demo.module.ts

@@ -4,7 +4,7 @@ import { FormsModule } from '@angular/forms';
 import { BrowserModule } from '@angular/platform-browser';
 import { RouterModule } from '@angular/router';
 
-import { VisModule } from '../dist';
+import { VisModule } from '../dist/fesm2022/ngxvis.mjs';
 import { DemoComponent } from './demo.component';
 import { HomeComponent } from './home/home.component';
 import { VisNetworkExampleComponent } from './network/network-example.component';