2.8.1

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@editorjs/paragraph",
-  "version": "2.8.0",
+  "version": "2.8.1",
   "keywords": [
     "codex editor",
     "paragraph",

webpack.config.js

@@ -1,41 +1,90 @@
-module.exports = {
-  entry: './src/index.js',
-  module: {
-    rules: [
-      {
-        test: /\.js$/,
-        exclude: /node_modules/,
-        use: [
-          {
-            loader: 'babel-loader',
-            query: {
-              presets: [ '@babel/preset-env' ],
+/**
+ * Webpack configuration
+ *
+ * @author Codex Team
+ * @copyright Khaydarov Murod
+ */
+'use strict';
+
+module.exports = (env, argv) => {
+  const path = require('path');
+  const pkg = require('./package.json');
+
+  /**
+   * Environment
+   *
+   * @type {any}
+   */
+  const NODE_ENV = argv.mode || 'development';
+  const VERSION = process.env.VERSION || pkg.version;
+
+  /**
+   * Plugins for bundle
+   *
+   * @type {webpack}
+   */
+  const webpack = require('webpack');
+
+
+    return  {
+    entry: [ './src/index.js' ],
+    module: {
+        rules: [
+        {
+            test: /\.js$/,
+            exclude: /node_modules/,
+            use: [
+            {
+                loader: 'babel-loader',
+                query: {
+                presets: [ '@babel/preset-env' ],
+                },
             },
-          },
+            ]
+        },
+        {
+            test: /\.css$/,
+            use: [
+            'style-loader',
+            'css-loader',
+            {
+                loader: 'postcss-loader',
+                options: {
+                plugins: [
+                    require('postcss-nested-ancestors'),
+                    require('postcss-nested')
+                ]
+                }
+            }
+            ]
+        },
+        {
+          test: /\.(svg)$/,
+          use: [
+            {
+              loader: 'raw-loader',
+            }
+          ]
+        }
         ]
-      },
-      {
-        test: /\.css$/,
-        use: [
-          'style-loader',
-          'css-loader'
-        ]
-      },
-      {
-        test: /\.(svg)$/,
-        use: [
-          {
-            loader: 'raw-loader',
-          }
-        ]
-      }
-    ]
-  },
-  output: {
-    path: __dirname + '/dist',
-    publicPath: '/',
-    filename: 'bundle.js',
-    library: 'Paragraph',
-    libraryTarget: 'umd'
-  }
+    },
+     plugins: [
+      /** Pass variables into modules */
+      new webpack.DefinePlugin({
+        NODE_ENV: JSON.stringify(NODE_ENV),
+        VERSION: JSON.stringify(VERSION),
+      }),
+
+      new webpack.BannerPlugin({
+        banner: `'Paragraph tool\n\n@version ${VERSION}\n\n@package https://github.com/editor-js/paragraph\n@licence MIT\n@author CodeX <https://codex.so>`,
+      }),
+     ],
+    output: {
+        path: __dirname + '/dist',
+        publicPath: '/',
+        filename: 'bundle.js',
+        library: 'Paragraph',
+        libraryTarget: 'umd',
+    }
+  };
 };