Use npm build

2021-03-17 12:25:01 +01:00 · 2021-03-17 12:25:01 +01:00 · b0e2dbbbb4
parent a8c4bde46d
commit b0e2dbbbb4
5 changed files with 1249 additions and 2 deletions
--- a/dist/index.html
+++ b/dist/index.html
@ -1,6 +1,6 @@
 <head>
    <meta charset="utf-8">
-  <script src="test1.js"></script>
+  <script src="bundle.js"></script>
 </head>
 <body>
 </body>
--- a/test1.js
+++ b/test1.js
@ -1,3 +1,3 @@
-document.write("<link rel=\"stylesheet\" href=\"gh-fork-ribbon.css\">");
+require('./gh-fork-ribbon.css');

 document.write("<div><a href=\"https://caracals.org\" class=\"cara-logo right-bottom fixed\" title=\"Visiter le site des Caracals\">Visiter le site des Caracals</a></div>");
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@ -0,0 +1,20 @@
+{
+  "name": "js-include",
+  "version": "1.0.0",
+  "description": "",
+  "main": "./bundle.js",
+  "scripts": {
+    "dev": "webpack --mode='development'",
+    "build": "webpack -p"
+  },
+  "author": "",
+  "license": "ISC",
+  "devDependencies": {
+    "css-loader": "^5.1.3",
+    "webpack": "^5.26.2",
+    "webpack-cli": "^4.5.0"
+  },
+  "dependencies": {
+    "style-loader": "^2.0.0"
+  }
+}
--- a/webpack.config.js
+++ b/webpack.config.js
@ -0,0 +1,14 @@
+module.exports = {
+  entry: './main.js',
+  output: {
+    filename: './bundle.js'
+  },
+  module: {
+    rules:[
+      {
+        test: /\.css$/,
+        use: [ 'style-loader', 'css-loader' ]
+      },
+    ]
+  }
+};