From dd0af4570e56744ae1ca9264e63041fd5bbe10ba Mon Sep 17 00:00:00 2001
From: schneefux <schneefux+commit@schneefux.xyz>
Date: Mon, 21 May 2018 17:22:09 +0200
Subject: Split CSS and JS, build

---
 webpack.config.js | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

(limited to 'webpack.config.js')

diff --git a/webpack.config.js b/webpack.config.js
index dd690ce..a33084c 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -1,5 +1,7 @@
 const VueLoaderPlugin = require('vue-loader/lib/plugin');
 const HtmlWebpackPlugin = require('html-webpack-plugin');
+const MiniCssExtractPlugin = require('mini-css-extract-plugin');
+const OptimizeCssAssetsPlugin = require('optimize-css-assets-webpack-plugin');
 
 module.exports = {
   entry: __dirname + '/src/index.js',
@@ -19,7 +21,9 @@ module.exports = {
     }, {
       test: /\.(css|scss)$/,
       use: [
-        'vue-style-loader',
+        process.env.NODE_ENV !== 'production'
+            ? 'vue-style-loader'
+            : MiniCssExtractPlugin.loader,
         'css-loader',
         'sass-loader',
       ],
@@ -34,5 +38,8 @@ module.exports = {
     new HtmlWebpackPlugin ({
       template: 'src/index.html',
     }),
+    new MiniCssExtractPlugin({
+    }),
+    new OptimizeCssAssetsPlugin(),
   ],
 };
-- 
cgit v1.3.1