Initial

Aziz Gazanchiyan (ZIZ) · Aziz Gazanchiyan (ZIZ) · commit 6c7781283ffe · 2021-05-10T16:55:24.000+02:00
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,2 @@
+/node_modules
+/dest
diff --git a/babel.config.json b/babel.config.json
@@ -0,0 +1,7 @@
+{
+	"presets": [
+		[
+			"@babel/preset-env"
+		]
+	]
+}
diff --git a/index.css b/index.css
@@ -0,0 +1,3 @@
+body {
+    color: red;
+}
diff --git a/index.html b/index.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+    <head>
+
+    </head>
+    <body>
+        <div id="app">Some data here</div>
+    </body>
+</html>
diff --git a/index.js b/index.js
@@ -0,0 +1,10 @@
+import './index.css';
+
+function App() {
+
+    const appElement = document.getElementById('app');
+
+    appElement.innerHTML = 'Loaded';
+}
+
+export default new App();
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -0,0 +1,32 @@
+{
+  "name": "html-inline-css-webpack-plugin-broken",
+  "version": "1.0.0",
+  "description": "",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "build": "webpack"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/creage/html-inline-css-webpack-plugin-broken.git"
+  },
+  "author": "",
+  "license": "ISC",
+  "bugs": {
+    "url": "https://github.com/creage/html-inline-css-webpack-plugin-broken/issues"
+  },
+  "homepage": "https://github.com/creage/html-inline-css-webpack-plugin-broken#readme",
+  "dependencies": {
+    "@babel/core": "7.14.0",
+    "@babel/preset-env": "7.14.1",
+    "css-loader": "5.2.4",
+    "babel-loader": "8.2.2",
+    "copy-webpack-plugin": "8.1.1",
+    "html-inline-css-webpack-plugin": "1.11.0",
+    "html-webpack-plugin": "5.3.1",
+    "webpack": "5.36.2"
+  },
+  "devDependencies": {
+    "webpack-cli": "4.7.0"
+  }
+}
diff --git a/vendor/index.css b/vendor/index.css
@@ -0,0 +1,3 @@
+body {
+    color: blue;
+}
diff --git a/vendor/index.html b/vendor/index.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+<link rel="stylesheet" href="index.css">
+</head>
+
+<body>
+    <div id="app">Some third app here</div>
+</body>
+
+</html>
diff --git a/webpack.config.js b/webpack.config.js
@@ -0,0 +1,56 @@
+const path = require('path'),
+
+    HtmlWebpackPlugin = require('html-webpack-plugin'),
+    HtmlInlineCSSWebpackPlugin = require('html-inline-css-webpack-plugin').default,
+
+    CopyWebpackPlugin = require('copy-webpack-plugin');
+
+const ROOT = path.resolve(__dirname, './'),
+    DEST = path.resolve(__dirname, 'dest');
+
+module.exports = {
+    mode: 'development',
+    entry: {
+        index: ['index']
+    },
+    output: {
+        filename: `[name].js`,
+        path: DEST,
+        publicPath: '/'
+    },
+    resolve: {
+        modules: [
+            ROOT,
+            path.resolve(ROOT, 'node_modules')
+        ]
+    },
+    module: {
+        rules: [
+            {
+                test: /\.js$/,
+                use: 'babel-loader'
+            },
+            {
+                test: /\.css$/,
+                use: 'css-loader'
+            },
+        ]
+    },
+    stats: 'minimal',
+    plugins: [
+        new HtmlWebpackPlugin({
+            chunks: ['index'],
+            filename: 'index.html',
+            template: path.resolve(ROOT, 'index.html')
+        }),
+        new HtmlInlineCSSWebpackPlugin(),
+        new CopyWebpackPlugin({
+            patterns: [
+                {
+                    from: path.resolve(ROOT, 'vendor'),
+                    to: path.resolve(DEST, 'vendor')
+                }
+            ]
+        })
+    ]
+};

-Original file line number
+Diff line change
@@ @@ -0,0 +1,7 @@ @@
 +{
 +	"presets": [
 +		[
 +			"@babel/preset-env"
 +		]
 +	]
 +}