Update dependencies :rocket:

1 files changed, 31 insertions, 12 deletions

diff --git a/webpack.config.ts b/webpack.config.ts
index 96eaf9f4c8..0e12fda633 100644
--- a/webpack.config.ts
+++ b/webpack.config.ts
@@ -5,6 +5,7 @@
 import * as fs from 'fs';
 import * as webpack from 'webpack';
 import chalk from 'chalk';
+const { VueLoaderPlugin } = require('vue-loader');
 import jsonImporter from 'node-sass-json-importer';
 const minifyHtml = require('html-minifier').minify;
 const WebpackOnBuildPlugin = require('on-build-webpack');
@@ -117,7 +118,8 @@ module.exports = entries.map(x => {
 			fs.writeFileSync('./built/client/meta.json', JSON.stringify({
 				version
 			}), 'utf-8');
-		})
+		}),
+		new VueLoaderPlugin()
 	];
 
 	if (isProduction) {
@@ -135,7 +137,9 @@ module.exports = entries.map(x => {
 					loader: 'vue-loader',
 					options: {
 						cssSourceMap: false,
-						preserveWhitespace: false
+						compilerOptions: {
+							preserveWhitespace: false
+						}
 					}
 				}, {
 					loader: 'replace',
@@ -165,17 +169,32 @@ module.exports = entries.map(x => {
 					}
 				}]
 			}, {
-				test: /\.styl$/,
+				test: /\.styl(us)?$/,
 				exclude: /node_modules/,
-				use: [{
-					loader: 'style-loader'
+				oneOf: [{
+					resourceQuery: /module/,
+					use: [{
+						loader: 'vue-style-loader'
+					}, {
+						loader: 'css-loader',
+						options: {
+							modules: true,
+							minimize: true
+						}
+					}, {
+						loader: 'stylus-loader'
+					}]
 				}, {
-					loader: 'css-loader',
-					options: {
-						minimize: true
-					}
-				}, {
-					loader: 'stylus-loader'
+					use: [{
+						loader: 'vue-style-loader'
+					}, {
+						loader: 'css-loader',
+						options: {
+							minimize: true
+						}
+					}, {
+						loader: 'stylus-loader'
+					}]
 				}]
 			}, {
 				test: /\.scss$/,
@@ -196,7 +215,7 @@ module.exports = entries.map(x => {
 			}, {
 				test: /\.css$/,
 				use: [{
-					loader: 'style-loader'
+					loader: 'vue-style-loader'
 				}, {
 					loader: 'css-loader',
 					options: {