Настройки webpack

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$/,

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'
+                ]
+            },
         ]
     },
 

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"
+        })
+    ]
 });