minor changes; Add css-loader

.eslintrc

@@ -36,6 +36,10 @@
 		"constructor-super": "warn",
 		"valid-typeof": "warn",
 		"no-dupe-keys": "warn",
-		"semi": "warn"
+		"semi": "warn",
+		"comma-dangle": ["warn", {
+			"arrays": "ignore",
+			"objects": "ignore"
+		}]
 	}
 }

package.json

@@ -42,6 +42,7 @@
     "async": "^2.6.1",
     "babel-eslint": "^10.0.1",
     "chai": "^4.2.0",
+    "css-loader": "^2.1.0",
     "eslint-plugin-vue": "^5.1.0",
     "mocha": "^5.2.0",
     "vue": "^2.5.21"

src/server/socket-handler.js

@@ -9,7 +9,7 @@ const GameError = require('./game-error');
 function handleSockets(io) {
 	io.on('connection', function(sock) {
 		if(process.env.NODE_ENV !== 'production') {
-			console.log('Socket conncted: ' + sock.id);
+			console.log('Socket connected: ' + sock.id);
 		}
 		Object.keys(MessageHandlers).forEach((messageName) => {
 			sock.on(messageName, function(data) {
@@ -177,7 +177,7 @@ function joinRoom(user, room, rejoin, isHost = false) {
 		console.log(`User ${user.name} rejoined room-${room.roomCode}`);
 	} else {
 		room.addUser(user, isHost);
-		console.log(`User ${user.name} joined room-${room.roomCode}. Users: ${room.users.length}`);
+		console.log(`User ${user.name} joined room-${room.roomCode}. Room users: ${room.users.length}`);
 	}
 	user.socket.join(room.roomCode);
 	user.setGameRoom(room);

webpack.config.js

@@ -28,9 +28,16 @@ module.exports = (env) => {
 							options: {
 								presets: ['@babel/preset-env']
 							}
-						}
+						},
 					] 
-				}
+				},
+				{
+					test: /\.css$/,
+					use: [
+						'vue-style-loader',
+						'css-loader',
+					]
+				},
 			],
 		},
 		resolve: {
@@ -48,7 +55,7 @@ module.exports = (env) => {
 			stats: 'minimal',
 			optimization: {
 				minimize: true,
-				minimizer: [new UglifyJsPlugin({sourceMap: true})]
+				minimizer: [new UglifyJsPlugin({sourceMap: true}),]
 			},
 			externals: {
 				'vue': 'Vue', // importing 'vue' to resolve to external cdn