css in vue files to css file

Author: kayvazov

.babelrc

@@ -3,16 +3,24 @@
     [
       "@babel/preset-env",
       {
-        "useBuiltIns": false,
         "corejs": 3,
         "modules": false,
         "loose": false,
         "targets": {
           "browsers": [
-            ">1%",
-            "not dead",
-            "not op_mini all",
-            "not ie <= 11"
+            "> 0.4%",
+            "not IE 11",
+            "not OperaMini all",
+            "not IE_Mob 11",
+            "edge >= 12",
+            "chrome >= 30",
+            "Samsung > 9.2",
+            "chromeandroid >= 58",
+            "android >= 10",
+            "ff >= 60",
+            "safari >= 11.1",
+            "ios >= 11.1",
+            "opera >= 62"
           ]
         }
       }
@@ -23,7 +31,6 @@
       "@babel/plugin-transform-runtime",
       {
         "helpers": false,
-        "corejs": false,
         "regenerator": true,
         "useESModules": false,
         "version": "7.0.0-beta.0",

.browserslistrc

@@ -1,4 +1,13 @@
-defaults
-not IE 11
-not IE_Mob 11
-maintained node versions
+> 0.4%,
+not IE 11,
+not OperaMini all,
+not IE_Mob 11,
+edge >= 12,
+chrome >= 30,
+Samsung > 9.2,
+chromeandroid >= 58,
+android >= 10,
+ff >= 60,
+safari >= 11.1,
+ios >= 11.1,
+opera >= 62

webpack.dev.config.js

@@ -5,7 +5,6 @@ const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
 const HtmlWebpackPlugin = require('html-webpack-plugin');
 const TerserJSPlugin = require('terser-webpack-plugin');
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
-const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
 
 module.exports = {
   entry: [
@@ -123,7 +122,6 @@ module.exports = {
     ]
   },
   plugins: [
-    new BundleAnalyzerPlugin(),
     new MiniCssExtractPlugin({
       filename: 'css/main.[hash:4].css',
       chunkFilename: 'css/[name].[hash:4].css'

webpack.prod.config.js

@@ -54,10 +54,15 @@ module.exports = {
       },
       {
         test: /\.css$/i,
-        loader: 'css-loader',
-        options: {
-
-        },
+        use: [
+          {
+            loader: MiniCssExtractPlugin.loader,
+            options: {
+              publicPath: '../',
+            }
+          },
+          'css-loader'
+        ]
       },
       {
         test: /\.s(c|a)ss$/,