anthinkingcoder
diff --git a/‎build/webpack.base.config.js
Lines changed: 3 additions & 48 deletions b/‎build/webpack.base.config.js
Lines changed: 3 additions & 48 deletions
diff --git a/‎build/webpack.extracss.config.js
Lines changed: 30 additions & 0 deletions b/‎build/webpack.extracss.config.js
Lines changed: 30 additions & 0 deletions
diff --git a/‎build/webpack.no.extracss.config.js
Lines changed: 38 additions & 0 deletions b/‎build/webpack.no.extracss.config.js
Lines changed: 38 additions & 0 deletions
@@ -1,10 +1,8 @@
-var path = require('path');
-var webpack = require('webpack');
-const ExtractTextPlugin = require('extract-text-webpack-plugin')
-const UglifyJsPlugin = require('uglifyjs-webpack-plugin')
+var path = require('path')
+var webpack = require('webpack')
 const VueLoaderPlugin = require('vue-loader/lib/plugin')
 function resolve (dir) {
-  return path.join(__dirname, '..', dir);
+  return path.join(__dirname, '..', dir)
 }
 function assetsPath (_path) {
   return path.posix.join('static', _path)
@@ -51,32 +49,6 @@ module.exports = {
         ],
         exclude: /node_modules/,
       },
-      {
-        test: /\.scss$/,
-        use: [
-          {
-            loader: 'style-loader',
-            options: {
-              sourceMap: true,
-            },
-          },
-          {
-            loader: 'css-loader',
-            options: {
-              sourceMap: true,
-            },
-          },
-          {
-            loader: 'postcss-loader',
-          },
-          {
-            loader: 'sass-loader',
-            options: {
-              sourceMap: true,
-            },
-          }
-        ],
-      },
       {
         test: /\.(gif|jpg|png|woff|svg|eot|ttf)\??.*$/,
         use: 'url-loader?limit=8192'
@@ -85,14 +57,6 @@ module.exports = {
         test: /\.(html|tpl)$/,
         use: 'html-loader'
       }
-      // {
-      //   test: /\.scss$/,
-      //   use: ExtractTextPlugin.extract({
-      //     fallback: 'style-loader',
-      //     use: ['css-loader', 'autoprefixer-loader', 'sass-loader']
-      //   })
-      // },
-
     ],
   },
   resolve: {
@@ -109,15 +73,6 @@ module.exports = {
         NODE_ENV: '"production"'
       }
     }),
-    // new UglifyJsPlugin({
-    //   parallel: true,
-    //   sourceMap: true,
-
-    // }),
     new webpack.optimize.OccurrenceOrderPlugin(),
-    // new ExtractTextPlugin({
-    //   filename: 'simple-grid.css',
-    //   allChunks: false,
-    // })
   ]
 };
@@ -0,0 +1,30 @@
+const merge = require('webpack-merge')
+const MiniCssExtractPlugin = require("mini-css-extract-plugin");
+const webpackBaseConfig = require('./webpack.base.config.js')
+
+module.exports = merge(webpackBaseConfig, {
+  module: {
+    rules: [
+      {
+        test: /\.scss$/,
+        use: [
+          {
+            loader: MiniCssExtractPlugin.loader,
+            options: {
+
+            }
+          },
+          "css-loader","postcss-loader","sass-loader"
+        ]
+      },
+    ],
+  },
+  plugins: [
+    new MiniCssExtractPlugin({
+      // Options similar to the same options in webpackOptions.output
+      // both options are optional
+      filename: "simple-grid.css",
+      chunkFilename: "[id].css"
+    })
+  ]
+})
@@ -0,0 +1,38 @@
+const path = require('path');
+const webpack = require('webpack');
+const merge = require('webpack-merge');
+const webpackBaseConfig = require('./webpack.base.config.js');
+
+
+module.exports = merge(webpackBaseConfig, {
+  module: {
+    rules: [
+      {
+        test: /\.scss$/,
+        use: [
+          {
+            loader: 'style-loader',
+            options: {
+              sourceMap: true,
+            },
+          },
+          {
+            loader: 'css-loader',
+            options: {
+              sourceMap: true,
+            },
+          },
+          {
+            loader: 'postcss-loader',
+          },
+          {
+            loader: 'sass-loader',
+            options: {
+              sourceMap: true,
+            },
+          }
+        ],
+      },
+    ],
+  }
+})