diff --git a/package-lock.json b/package-lock.json
index 70e27f8..6ab5d56 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -3700,6 +3700,12 @@
"integrity": "sha1-R+Y/evVa+m+S4VAOaQ64uFKcCZo=",
"dev": true
},
+ "jquery": {
+ "version": "3.3.1",
+ "resolved": "https://registry.npmjs.org/jquery/-/jquery-3.3.1.tgz",
+ "integrity": "sha512-Ubldcmxp5np52/ENotGxlLe6aGMvmF4R8S6tZjsP6Knsaxd/xp3Zrh50cG93lR6nPXyUFwzN3ZSOQI0wRJNdGg==",
+ "dev": true
+ },
"js-base64": {
"version": "2.5.1",
"resolved": "https://registry.npmjs.org/js-base64/-/js-base64-2.5.1.tgz",
@@ -4872,6 +4878,12 @@
"find-up": "^3.0.0"
}
},
+ "popper.js": {
+ "version": "1.14.7",
+ "resolved": "https://registry.npmjs.org/popper.js/-/popper.js-1.14.7.tgz",
+ "integrity": "sha512-4q1hNvoUre/8srWsH7hnoSJ5xVmIL4qgz+s4qf2TnJIMyZFUFMGH+9vE7mXynAlHSZ/NdTmmow86muD0myUkVQ==",
+ "dev": true
+ },
"portfinder": {
"version": "1.0.20",
"resolved": "https://registry.npmjs.org/portfinder/-/portfinder-1.0.20.tgz",
diff --git a/package.json b/package.json
index d424ad5..62d89c5 100644
--- a/package.json
+++ b/package.json
@@ -17,7 +17,9 @@
"file-loader": "^3.0.1",
"html-loader": "^0.5.5",
"html-webpack-plugin": "^3.2.0",
+ "jquery": "^3.3.1",
"node-sass": "^4.11.0",
+ "popper.js": "^1.14.7",
"sass-loader": "^7.1.0",
"style-loader": "^0.23.1",
"webpack": "^4.29.6",
diff --git a/src/template.html b/src/template.html
index 8eb7a42..1aec1f1 100644
--- a/src/template.html
+++ b/src/template.html
@@ -6,6 +6,44 @@
Webpack Demo
+
Welcome!
diff --git a/src/vendor.js b/src/vendor.js
new file mode 100644
index 0000000..01dfd79
--- /dev/null
+++ b/src/vendor.js
@@ -0,0 +1 @@
+import "bootstrap";
diff --git a/webpack.common.js b/webpack.common.js
index d0b261d..e56f1c6 100644
--- a/webpack.common.js
+++ b/webpack.common.js
@@ -2,7 +2,10 @@ const path = require("path");
var HtmlWebpackPlugin = require("html-webpack-plugin");
module.exports = {
- entry: "./src/index.js",
+ entry: {
+ main: "./src/index.js",
+ vendor: "./src/vendor.js"
+ },
plugins: [
new HtmlWebpackPlugin({
template: "./src/template.html"
diff --git a/webpack.dev.js b/webpack.dev.js
index 6c6df4d..486d1b7 100644
--- a/webpack.dev.js
+++ b/webpack.dev.js
@@ -5,7 +5,7 @@ const merge = require("webpack-merge");
module.exports = merge(common, {
mode: "development",
output: {
- filename: "main.js",
+ filename: "[name].bundle.js",
path: path.resolve(__dirname, "dist")
}
});
diff --git a/webpack.prod.js b/webpack.prod.js
index 6074f72..0dbb17d 100644
--- a/webpack.prod.js
+++ b/webpack.prod.js
@@ -6,7 +6,7 @@ const CleanWebpackPlugin = require("clean-webpack-plugin");
module.exports = merge(common, {
mode: "production",
output: {
- filename: "main.[contentHash].js",
+ filename: "[name].[contentHash].bundle.js",
path: path.resolve(__dirname, "dist")
},
plugins: [new CleanWebpackPlugin()]