Merge pull request #39 from apuc/test-webpack-build

New update 0.3.0

.babelrc

@@ -0,0 +1,3 @@
+{
+  "presets": ["@babel/preset-env"]
+}

.gitignore

@@ -1,5 +1,5 @@
 node_modules
 dist
 .parcel-cache
-.test
+test
 

CHANGELOG.md

@@ -60,14 +60,19 @@ Tested in JS and React. Errors in work in React applications are revealed.
 - Fixed bugs.
 - Changed structure.
 
-### 00.03.2023 - update 0.2.6
+### 01.03.2023 - update 0.2.6
 
 - Added new theme creation mode.
 
-### 00.03.2023 - update 0.2.7
+### 01.03.2023 - update 0.2.7
 
 - Switch to new webpack project builder.
 
-##### 00.03.2023 - fix 0.2.71
+##### 04.03.2023 - fix 0.2.71
 
 - Select import fixed.
+
+### 06.03.2023 - update 0.3.0
+
+- Completely redesigned assembly to webpack and completed the transition to a new platform.
+- Assembly bugs fixed

README.md

@@ -1,6 +1,6 @@
 # CG-SELECT
 
-## version ~ 0.2.71
+## version ~ 0.3.0
 
 <a href="https://github.com/apuc/cg-select/blob/main/READMERU.md">ЧИТАТЬ НА РУССКОМ</a>
 
@@ -97,3 +97,5 @@ All documentation on CG-SELECT is located in the folder of the same name. The do
 16.12.2022 - release version 0.1.0!
 
 20.01.2023 - upgrade to version 0.2.1
+
+06.03.2023 - upgrade to version 0.3.0

READMERU.md

@@ -1,6 +1,6 @@
 # CG-SELECT
 
-## Версия ~ 0.2.71
+## Версия ~ 0.3.0
 
 <a href="https://github.com/apuc/cg-select/blob/main/README.md">English README</a>
 
@@ -96,3 +96,5 @@ const dropdown = new CGSelect({
 16.12.2022 - release version 0.1.0!
 
 20.01.2023 - upgrade to version 0.2.1
+
+06.03.2023 - upgrade to version 0.3.0

docs/index.html

@@ -62,7 +62,7 @@
           </a>
 
           <a href="#version--0231" id="version--0231" style="color: inherit; text-decoration: none">
-            <h2>version ~ 0.2.6</h2>
+            <h2>version ~ 0.3.0</h2>
           </a>
           <p>
             This component allows you to create a custom select. It offers more flexible

package.json

@@ -1,6 +1,6 @@
 {
   "name": "cg-select",
-  "version": "0.2.71",
+  "version": "0.3.0",
   "source": "index.js",
   "main": "dist/index.js",
   "description": "Feature rich Select control for React/JS with multiselect, autocomplete and styling",
@@ -23,22 +23,25 @@
     "url": "https://github.com/apuc/cg-select/issues"
   },
   "devDependencies": {
+    "@babel/core": "^7.21.4",
+    "@babel/plugin-proposal-class-properties": "^7.18.6",
+    "@babel/preset-env": "^7.21.4",
+    "@babel/preset-typescript": "^7.21.4",
+    "@types/prettier": "^2.7.2",
+    "babel-loader": "^9.1.2",
+    "css-loader": "^6.7.3",
+    "html-webpack-plugin": "^5.5.0",
     "jsdoc": "^4.0.0",
     "prettier": "^2.7.1",
     "sass": "^1.60.0",
     "sass-loader": "^13.2.2",
+    "style-loader": "^3.3.2",
     "ts-loader": "^9.4.2",
     "typedoc": "^0.23.28",
     "typescript": "^5.0.2",
-    "webpack": "^5.77.0"
-  },
-  "dependencies": {
-    "@types/prettier": "^2.7.2",
-    "css-loader": "^6.7.3",
-    "html-webpack-plugin": "^5.5.0",
-    "style-loader": "^3.3.2",
+    "webpack": "^5.77.0",
     "webpack-cli": "^5.0.1",
-    "webpack-dev-server": "^4.13.1"
+    "webpack-dev-server": "^4.13.2"
   },
   "keywords": [
     "select",

webpack.config.js

@@ -5,12 +5,14 @@ module.exports = {
   entry: './index.js',
   output: {
     path: path.resolve(__dirname, 'dist'),
-    filename: 'index.js',
+    filename: 'main.js',
     clean: true,
+    library: 'CGSelect',
+    libraryTarget: 'umd',
   },
   // devServer: {
   //   open: true,
-  //   port: 5000,
+  //   port: 5500,
   // },
   module: {
     rules: [
@@ -23,6 +25,17 @@ module.exports = {
         test: /\.s[ac]ss$/i,
         use: ['style-loader', 'css-loader', 'sass-loader'],
       },
+      {
+        test: /\.(?:js|mjs|cjs)$/,
+        exclude: /node_modules/,
+        use: {
+          loader: 'babel-loader',
+          options: {
+            presets: [['@babel/preset-env', { targets: 'defaults' }]],
+            plugins: ['@babel/plugin-proposal-class-properties'],
+          },
+        },
+      },
     ],
   },
   resolve: {