From 53a7de28837d87c200b693ba089269c2d51b5458 Mon Sep 17 00:00:00 2001
From: Book Pauk <bookpauk@gmail.com>
Date: Fri, 28 Dec 2018 19:05:08 +0700
Subject: [PATCH] =?UTF-8?q?=D0=9D=D0=B0=D1=81=D1=82=D1=80=D0=BE=D0=B9?=
 =?UTF-8?q?=D0=BA=D0=B8=20webpack?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 build/webpack.base.config.js | 14 +++-----------
 build/webpack.dev.config.js  | 11 ++++++++++-
 build/webpack.prod.config.js | 21 +++++++++++++++++++++
 package-lock.json            | 24 ++++++++++++++++++++++++
 package.json                 |  1 +
 5 files changed, 59 insertions(+), 12 deletions(-)

diff --git a/build/webpack.base.config.js b/build/webpack.base.config.js
index 27957dd0..e57b1c48 100644
--- a/build/webpack.base.config.js
+++ b/build/webpack.base.config.js
@@ -15,17 +15,9 @@ module.exports = {
             // это будет применяться к файлам `.js`
             // А ТАКЖЕ к секциям `<script>` внутри файлов `.vue`
             {
-            test: /\.js$/,
-            loader: 'babel-loader'
-            },
-            // это будет применяться к файлам `.css`
-            // А ТАКЖЕ к секциям `<style>` внутри файлов `.vue`
-            {
-            test: /\.css$/,
-            use: [
-              'vue-style-loader',
-              'css-loader'
-            ]
+                test: /\.js$/,
+                loader: 'babel-loader',
+                exclude: /node_modules/
             },
             {
                 test: /\.gif$/,
diff --git a/build/webpack.dev.config.js b/build/webpack.dev.config.js
index 2ce077f8..632d86a1 100644
--- a/build/webpack.dev.config.js
+++ b/build/webpack.dev.config.js
@@ -15,7 +15,16 @@ module.exports = merge(baseWpConfig, {
             {
                 test: /\.vue$/,
                 loader: "vue-loader"
-            }
+            },
+            // это будет применяться к файлам `.css`
+            // А ТАКЖЕ к секциям `<style>` внутри файлов `.vue`
+            {
+                test: /\.css$/,
+                use: [
+                  'vue-style-loader',
+                  'css-loader'
+                ]
+            },
         ]
     },
 
diff --git a/build/webpack.prod.config.js b/build/webpack.prod.config.js
index 88e6e0d6..293f4b06 100644
--- a/build/webpack.prod.config.js
+++ b/build/webpack.prod.config.js
@@ -3,6 +3,7 @@ const webpack = require("webpack");
 
 const merge = require("webpack-merge");
 const baseWpConfig = require("./webpack.base.config");
+const MiniCssExtractPlugin = require("mini-css-extract-plugin");
 
 module.exports = merge(baseWpConfig, {
     mode: 'production',
@@ -11,7 +12,27 @@ module.exports = merge(baseWpConfig, {
             {
                 test: /\.vue$/,
                 loader: "vue-loader",
+            },
+            {
+                test: /\.css$/,
+                use: [
+                  MiniCssExtractPlugin.loader,
+                  'css-loader'
+                ]
             }
         ]
     },
+    plugins: [
+        new webpack.DefinePlugin({
+            "process.env": {
+                "NODE_ENV": JSON.stringify("production")
+            }
+        }),
+        new webpack.LoaderOptionsPlugin({
+            minimize: true
+        }),
+        new MiniCssExtractPlugin({
+            filename: "[name].css"
+        })
+    ]
 });
diff --git a/package-lock.json b/package-lock.json
index d4dbeed2..5c1eb3ca 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -5166,6 +5166,30 @@
       "integrity": "sha512-jf84uxzwiuiIVKiOLpfYk7N46TSy8ubTonmneY9vrpHNAnp0QBt2BxWV9dO3/j+BoVAb+a5G6YDPW3M5HOdMWQ==",
       "dev": true
     },
+    "mini-css-extract-plugin": {
+      "version": "0.5.0",
+      "resolved": "https://registry.npmjs.org/mini-css-extract-plugin/-/mini-css-extract-plugin-0.5.0.tgz",
+      "integrity": "sha512-IuaLjruM0vMKhUUT51fQdQzBYTX49dLj8w68ALEAe2A4iYNpIC4eMac67mt3NzycvjOlf07/kYxJDc0RTl1Wqw==",
+      "dev": true,
+      "requires": {
+        "loader-utils": "^1.1.0",
+        "schema-utils": "^1.0.0",
+        "webpack-sources": "^1.1.0"
+      },
+      "dependencies": {
+        "schema-utils": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-1.0.0.tgz",
+          "integrity": "sha512-i27Mic4KovM/lnGsy8whRCHhc7VicJajAjTrYg11K9zfZXnYIt4k5F+kZkwjnrhKzLic/HLU4j11mjsz2G/75g==",
+          "dev": true,
+          "requires": {
+            "ajv": "^6.1.0",
+            "ajv-errors": "^1.0.0",
+            "ajv-keywords": "^3.1.0"
+          }
+        }
+      }
+    },
     "minimalistic-assert": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/minimalistic-assert/-/minimalistic-assert-1.0.1.tgz",
diff --git a/package.json b/package.json
index c791c2b6..d8c294b6 100644
--- a/package.json
+++ b/package.json
@@ -26,6 +26,7 @@
     "eslint-plugin-node": "^8.0.0",
     "eslint-plugin-vue": "^5.0.0",
     "file-loader": "^3.0.1",
+    "mini-css-extract-plugin": "^0.5.0",
     "pkg": "^4.3.5",
     "url-loader": "^1.1.2",
     "vue-loader": "^15.4.2",