diff --git a/packages/mindplot/webpack.common.js b/packages/mindplot/webpack.common.js
index 9f20833e..91bba5c1 100644
--- a/packages/mindplot/webpack.common.js
+++ b/packages/mindplot/webpack.common.js
@@ -13,6 +13,8 @@ module.exports = {
   optimization: {
     usedExports: true,
   },
+  mode: 'production',
+  devtool: 'source-map',
   module: {
     rules: [
       {
diff --git a/packages/mindplot/webpack.dev.js b/packages/mindplot/webpack.dev.js
index 58be844d..40103ece 100644
--- a/packages/mindplot/webpack.dev.js
+++ b/packages/mindplot/webpack.dev.js
@@ -10,7 +10,6 @@ const devConfig = {
     open: true,
   },
   plugins: [new HotModuleReplacementPlugin()],
-  devtool: 'eval-source-map',
 };
 
 module.exports = merge(common, devConfig);
diff --git a/packages/mindplot/webpack.playground.js b/packages/mindplot/webpack.playground.js
index ab220510..03e2118c 100644
--- a/packages/mindplot/webpack.playground.js
+++ b/packages/mindplot/webpack.playground.js
@@ -2,42 +2,23 @@ const path = require('path');
 const { CleanWebpackPlugin } = require('clean-webpack-plugin');
 const HtmlWebpackPlugin = require('html-webpack-plugin');
 const CopyPlugin = require('copy-webpack-plugin');
+const common = require('./webpack.common');
+const { merge } = require('webpack-merge');
 
-module.exports = {
+const playgroundConfig = {
   entry: {
     layout: path.resolve(__dirname, './test/playground/layout/context-loader'),
     viewmode: path.resolve(__dirname, './test/playground/map-render/js/viewmode'),
     embedded: path.resolve(__dirname, './test/playground/map-render/js/embedded'),
     editor: path.resolve(__dirname, './test/playground/map-render/js/editor'),
   },
-  output: {
-    path: path.resolve(__dirname, 'dist', 'test'),
-    filename: '[name].test.js',
-    publicPath: '',
-  },
   devServer: {
     historyApiFallback: true,
     port: 8081,
     open: false,
   },
-  mode: 'production',
-  optimization: {
-    splitChunks: {
-      chunks: 'all',
-      minSize: 2000000,
-    },
-  },
-  devtool: 'source-map',
   module: {
     rules: [
-      {
-        use: 'babel-loader',
-        test: /.js$/,
-        exclude: [
-          /node_modules/,
-          /lib\/raphael/ig,
-        ],
-      },
       {
         test: /\.less$/i,
         use: [
@@ -47,19 +28,8 @@ module.exports = {
           'less-loader',
         ],
       },
-      {
-        test: /\.(png|svg|jpg|jpeg|gif)$/i,
-        type: 'asset/resource',
-      },
     ],
   },
-  resolve: {
-    alias: {
-      '@libraries': path.resolve(__dirname, '../../libraries/'),
-
-    },
-    extensions: ['.js', '.json'],
-  },
   plugins: [
     new CleanWebpackPlugin(),
     new CopyPlugin({
@@ -97,3 +67,5 @@ module.exports = {
     }),
   ],
 };
+
+module.exports = merge(common, playgroundConfig);
diff --git a/packages/mindplot/webpack.prod.js b/packages/mindplot/webpack.prod.js
index f87d1b66..dd017903 100644
--- a/packages/mindplot/webpack.prod.js
+++ b/packages/mindplot/webpack.prod.js
@@ -3,14 +3,8 @@ const CompressionPlugin = require('compression-webpack-plugin');
 const common = require('./webpack.common');
 
 const prodConfig = {
-  mode: 'production',
-  devtool: 'source-map',
   optimization: {
     minimize: true,
-    splitChunks: {
-      chunks: 'all',
-      minSize: 2000000,
-    },
   },
   plugins: [
     new CompressionPlugin({