From 6db41db9ae5380a50ec1f2b4c778731675e816fc Mon Sep 17 00:00:00 2001
From: Book Pauk <bookpauk@gmail.com>
Date: Thu, 27 Dec 2018 21:33:08 +0700
Subject: [PATCH] =?UTF-8?q?=D0=9A=D0=BE=D0=BD=D1=84=D0=B8=D0=B3=D0=B8=20?=
 =?UTF-8?q?=D0=B4=D0=BB=D1=8F=20webpack?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 build/webpack.base.config.js | 60 ++++++++++++++++++++++++++++++++++++
 build/webpack.dev.config.js  | 26 ++++++++++++++++
 build/webpack.prod.config.js | 17 ++++++++++
 3 files changed, 103 insertions(+)
 create mode 100644 build/webpack.base.config.js
 create mode 100644 build/webpack.dev.config.js
 create mode 100644 build/webpack.prod.config.js

diff --git a/build/webpack.base.config.js b/build/webpack.base.config.js
new file mode 100644
index 00000000..7a62c5eb
--- /dev/null
+++ b/build/webpack.base.config.js
@@ -0,0 +1,60 @@
+let path = require("path");
+let webpack = require("webpack");
+const VueLoaderPlugin = require('vue-loader/lib/plugin');
+
+module.exports = {
+    entry: ["./client/main.js"],
+    output: {
+        path: path.resolve(__dirname, "..", "server", "public"),
+        publicPath: "/",
+        filename: "[name].js",
+        chunkFilename: "[chunkhash].js"
+    },
+
+    module: {
+        rules: [
+            // это будет применяться к файлам `.js`
+            // А ТАКЖЕ к секциям `<script>` внутри файлов `.vue`
+            {
+            test: /\.js$/,
+            loader: 'babel-loader'
+            },
+            // это будет применяться к файлам `.css`
+            // А ТАКЖЕ к секциям `<style>` внутри файлов `.vue`
+            {
+            test: /\.css$/,
+            use: [
+              'vue-style-loader',
+              'css-loader'
+            ]
+            },
+            {
+                test: /\.gif$/,
+                loader: "url-loader",
+                options: {
+                    name: "images/[name]-[hash:6].[ext]",
+                    limit: 10000
+                }
+            },
+            {
+                test: /\.png$/,
+                loader: "url-loader",
+                options: {
+                    name: "images/[name]-[hash:6].[ext]",
+                    limit: 10000
+                }
+            },
+            {
+                test: /\.jpg$/,
+                loader: "file-loader",
+                options: {
+                    name: "images/[name]-[hash:6].[ext]"
+                }
+            },
+        ]
+    },
+
+    plugins: [
+        new VueLoaderPlugin()
+    ]
+};
diff --git a/build/webpack.dev.config.js b/build/webpack.dev.config.js
new file mode 100644
index 00000000..044d53b4
--- /dev/null
+++ b/build/webpack.dev.config.js
@@ -0,0 +1,26 @@
+let path = require("path");
+let webpack = require("webpack");
+
+let merge = require("webpack-merge");
+let baseWpConfig = require("./webpack.base.config");
+
+baseWpConfig.entry.unshift("webpack-hot-middleware/client");
+
+module.exports = merge(baseWpConfig, {
+    mode: 'none',
+    devtool: "#inline-source-map",
+
+    module: {
+        rules: [
+            {
+                test: /\.vue$/,
+                loader: "vue-loader"
+            }
+        ]
+    },
+
+    plugins: [
+        new webpack.HotModuleReplacementPlugin(),
+        new webpack.NoEmitOnErrorsPlugin()
+    ]
+});
diff --git a/build/webpack.prod.config.js b/build/webpack.prod.config.js
new file mode 100644
index 00000000..97ea819d
--- /dev/null
+++ b/build/webpack.prod.config.js
@@ -0,0 +1,17 @@
+let path = require("path");
+let webpack = require("webpack");
+
+let merge = require("webpack-merge");
+let baseWpConfig = require("./webpack.base.config");
+
+module.exports = merge(baseWpConfig, {
+    mode: 'production',
+    module: {
+        rules: [
+            {
+                test: /\.vue$/,
+                loader: "vue-loader",
+            }
+        ]
+    },
+});