Initial commit

Coding-Kiwi · Coding-Kiwi · commit 738ea336762e · 2024-05-27T12:13:41.000+02:00
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1 @@
+node_modules
diff --git a/App.vue b/App.vue
@@ -0,0 +1,12 @@
+<template>
+    <div>
+        <p>Hello</p>
+
+        <!-- This is a comment -->
+        <p>World</p>
+    </div>
+</template>
+
+<script>
+export default {};
+</script>
diff --git a/dist/index.html b/dist/index.html
@@ -0,0 +1 @@
+<!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Document</title><script defer="defer" src="/main.78f2c16d3e664b627fa4.js"></script></head><body></body></html>
diff --git a/dist/main.78f2c16d3e664b627fa4.js b/dist/main.78f2c16d3e664b627fa4.js
diff --git a/dist/main.78f2c16d3e664b627fa4.js.LICENSE.txt b/dist/main.78f2c16d3e664b627fa4.js.LICENSE.txt
@@ -0,0 +1,7 @@
+/*! #__NO_SIDE_EFFECTS__ */
+
+/**
+* @vue/shared v3.4.27
+* (c) 2018-present Yuxi (Evan) You and Vue contributors
+* @license MIT
+**/
diff --git a/index.html b/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+    
+</body>
+</html>
diff --git a/index.js b/index.js
@@ -0,0 +1,6 @@
+import { createApp } from 'vue';
+
+import App from './App.vue';
+
+const app = createApp(App);
+app.mount('body');
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -0,0 +1,20 @@
+{
+  "name": "vue-webpack-test",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "build": "webpack --env production"
+  },
+  "type": "module",
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "clean-webpack-plugin": "^4.0.0",
+    "html-webpack-plugin": "^5.6.0",
+    "vue": "^3.4.27",
+    "vue-loader": "^17.4.2",
+    "webpack": "^5.91.0",
+    "webpack-cli": "^5.1.4"
+  }
+}
diff --git a/webpack.config.js b/webpack.config.js
@@ -0,0 +1,57 @@
+import { CleanWebpackPlugin } from "clean-webpack-plugin";
+import HtmlWebpackPlugin from "html-webpack-plugin";
+import path from "path";
+import { fileURLToPath } from 'url';
+import { VueLoaderPlugin } from "vue-loader";
+import webpack from "webpack";
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+const SRC_DIR = path.resolve(__dirname);
+const OUT_DIR = path.resolve(__dirname, 'dist');
+
+export default (env) => {
+    const mode = env.production == true ? "production" : "development";
+    const devtool = mode == "production" ? false : "inline-source-map";
+
+    return {
+        mode: mode,
+        entry: './index.js',
+        target: 'web',
+        devtool: devtool,
+        output: {
+            filename: '[name].[contenthash].js',
+            path: OUT_DIR,
+            publicPath: '/'
+        },
+        module: {
+            rules: [
+                {
+                    test: /\.vue$/,
+                    loader: 'vue-loader'
+                },
+                {
+                    test: /\.(sa|sc|c)ss$/,
+                    use: [
+                        'style-loader',
+                        'css-loader',
+                        'sass-loader',
+                    ],
+                }
+            ],
+        },
+        plugins: [
+            new CleanWebpackPlugin(),
+            new webpack.DefinePlugin({
+                __VUE_OPTIONS_API__: false,
+                __VUE_PROD_DEVTOOLS__: false,
+                __VUE_PROD_HYDRATION_MISMATCH_DETAILS__: false,
+            }),
+            new HtmlWebpackPlugin({
+                template: path.resolve(SRC_DIR, 'index.html')
+            }),
+            new VueLoaderPlugin()
+        ],
+    };
+};

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1 @@`
	`1`	`+<!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Document</title><script defer="defer" src="/main.78f2c16d3e664b627fa4.js"></script></head><body></body></html>`