made jquery a formal plugin

dist/index.html

@@ -6,7 +6,6 @@
 		<link rel="icon" href="./img/icon.png">
 		<link rel="stylesheet" href="./css/style.css">
 		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
-		<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
 		<script type="text/javascript" src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
 
 	</head>

webpack.config.js

@@ -1,4 +1,5 @@
 const path = require('path');
+const webpack = require("webpack");
 
 module.exports = {
     entry: './src/index.js',
@@ -6,7 +7,9 @@ module.exports = {
         filename: 'bundle.js',
         path: path.resolve(__dirname, 'dist/js/'),
     },
-    externals: {
-        jquery: 'jQuery'
-    }
+    plugins: [
+        new webpack.ProvidePlugin({
+            $: "jquery",
+        })
+    ]
 };