Home Explore Help
Sign In
johan
/
twelve-heroes
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

changing webpack config

Jojo 5 years ago
parent
2e9e384831
commit
08fd02fe2e
19 changed files with 1156 additions and 74 deletions
Split View Show Diff Stats
  1. 3 0
      .eslintrc.json
  2. 49 0
      index.html
  3. 1000 7
      package-lock.json
  4. 3 1
      package.json
  5. 2 3
      src/controller/game-generator.js
  6. 2 1
      src/controller/game/game-world-scene.js
  7. 6 4
      src/controller/menu/main-menu-scene.js
  8. 5 5
      src/controller/phaser-engine.js
  9. 1 4
      src/index.html
  10. 1 3
      src/main.js
  11. 0 0
      src/model/heroes/hero-ability.js
  12. 0 0
      src/model/heroes/hero-factory.js
  13. 0 0
      src/model/heroes/hero.js
  14. 2 0
      src/polyfills.js
  15. 0 0
      src/utils/const/faction-enum.js
  16. 0 0
      src/utils/const/game-type-enum.js
  17. 6 0
      src/utils/const/phaser-scene-enum.js
  18. 0 46
      webpack.config.dev.js
  19. 76 0
      webpack.config.js

+ 3 - 0
.eslintrc.json
View File 

@@ -20,5 +20,8 @@
 
     "semi": [2, "always"],
 
     "eqeqeq": [2,"always"],
 
     "no-unused-vars": 1
 
+  },
 
+  "settings": {
 
+    "import/core-modules": ["phaser"]
 
   }
 
 }

+ 49 - 0
index.html
View File 

@@ -0,0 +1,49 @@
 
+<!DOCTYPE html>
 
+<!--
 
+    Licensed to the Apache Software Foundation (ASF) under one
 
+    or more contributor license agreements.  See the NOTICE file
 
+    distributed with this work for additional information
 
+    regarding copyright ownership.  The ASF licenses this file
 
+    to you under the Apache License, Version 2.0 (the
 
+    "License"); you may not use this file except in compliance
 
+    with the License.  You may obtain a copy of the License at
 
+
 
+    http://www.apache.org/licenses/LICENSE-2.0
 
+
 
+    Unless required by applicable law or agreed to in writing,
 
+    software distributed under the License is distributed on an
 
+    "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
 
+     KIND, either express or implied.  See the License for the
 
+    specific language governing permissions and limitations
 
+    under the License.
 
+-->
 
+<html>
 
+    <head>
 
+        <!--
 
+        Customize this policy to fit your own app's needs. For more guidance, see:
 
+            https://github.com/apache/cordova-plugin-whitelist/blob/master/README.md#content-security-policy
 
+        Some notes:
 
+            * gap: is required only on iOS (when using UIWebView) and is needed for JS->native communication
 
+            * https://ssl.gstatic.com is required only on Android and is needed for TalkBack to function properly
 
+            * Disables use of inline scripts in order to mitigate risk of XSS vulnerabilities. To change this:
 
+                * Enable inline JS: add 'unsafe-inline' to default-src
 
+        -->
 
+        <!-- <meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *; img-src 'self' data: content: blob:;"> -->
 
+        <meta name="format-detection" content="telephone=no">
 
+        <meta name="msapplication-tap-highlight" content="no">
 
+        <meta name="viewport" content="initial-scale=1,width=device-width,viewport-fit=cover">
 
+        <!-- <link rel="stylesheet" type="text/css" href="css/index.css"> -->
 
+        <title>Hello World</title>
 
+    </head>
 
+    <body>
 
+        <div class="app">
 
+            <h1>Twelve Heroes</h1>
 
+            <div id="deviceready" class="blink">
 
+                <p class="event listening"></p>
 
+                <p class="event received"></p>
 
+            </div>
 
+        </div>
 
+
 
+    
+    <script type="text/javascript" src="dist/polyfills.bundle.js"></script><script type="text/javascript" src="dist/vendors.bundle.js"></script><script type="text/javascript" src="dist/app.bundle.js"></script></body>
 
+</html>

File diff suppressed because it is too large
+ 1000 - 7
package-lock.json


+ 3 - 1
package.json
View File 

@@ -43,6 +43,8 @@
 
     "@babel/preset-env": "7.6.2",
 
     "@babel/register": "7.6.2",
 
     "babel-loader": "8.0.6",
 
+    "browser-sync": "2.26.7",
 
+    "browser-sync-webpack-plugin": "2.2.2",
 
     "chai": "4.2.0",
 
     "chalk": "2.4.2",
 
     "clean-webpack-plugin": "3.0.0",
 
@@ -73,4 +75,4 @@
 
       "browser"
 
     ]
 
   }
 
-}
 
+}

+ 2 - 3
src/game/controller/game-generator.js → src/controller/game-generator.js
View File 

@@ -1,7 +1,6 @@
 
 'use strict';
 
-import HeroFactory from '../model/hero-factory';
 
-import PhaserGame from '../../phaser-engine';
 
-import { Faction } from '../model/const/faction-enum';
 
+import HeroFactory from '../model/heroes/hero-factory';
 
+import { Faction } from '../utils/const/faction-enum';
 
 
 export default class GameGenerator {
 
   constructor(gameType) {

+ 2 - 1
src/game/controller/scenes/game-world-scene.js → src/controller/game/game-world-scene.js
View File 

@@ -1,4 +1,5 @@
 
 'use strict';
 
+import { PhaserScene } from '../../utils/const/phaser-scene-enum';
 
 
 function addCard(x, y, game, heroName, heroCost, heroPower, heroDesc) {
 
   let textStyle = {
 
@@ -25,7 +26,7 @@ function addCard(x, y, game, heroName, heroCost, heroPower, heroDesc) {
 
 export default class World extends Phaser.Scene {
 
 
   constructor() {
 
-    super({ key: 'World', active: false });
 
+    super({ key: PhaserScene.WORLD, active: false });
 
     console.log('constructor');
 
   }

+ 6 - 4
src/menu/controller/scenes/main-menu-scene.js → src/controller/menu/main-menu-scene.js
View File 

@@ -1,11 +1,13 @@
 
 'use strict';
 
-import GameGenerator from '../../../game/controller/game-generator';
 
-import {GameType} from '../../../game/model/const/game-type-enum';
 
-import logo from '../../../assets/twelveHeroes_cover.png';
 
+import GameGenerator from '../game-generator';
 
+import {GameType} from '../../utils/const/game-type-enum';
 
+import logo from '../../assets/twelveHeroes_cover.png';
 
+import { PhaserScene } from '../../utils/const/phaser-scene-enum';
 
+
 
 export default class MainMenu extends Phaser.Scene {
 
 
   constructor() {
 
-    super({ key: 'MainMenu', active: false });
 
+    super({ key: PhaserScene.WORLD, active: false });
 
   }
 
 
   init(data){

+ 5 - 5
src/phaser-engine.js → src/controller/phaser-engine.js
View File 

@@ -1,7 +1,7 @@
 
-import Phaser from "phaser";
 
-
 
-import World from './game/controller/scenes/game-world-scene';
 
-import MainMenu from'./menu/controller/scenes/main-menu-scene';
 
+import 'phaser';
 
+import World from './game/game-world-scene';
 
+import MainMenu from './menu/main-menu-scene';
 
+import { PhaserScene } from '../utils/const/phaser-scene-enum';
 
 
 export default class PhaserEngine {
 
   constructor() {
 
@@ -19,7 +19,7 @@ export default class PhaserEngine {
 
   }
 
 
   start() {
 
-    this.gameEngine.scene.start('MainMenu');
 
+    this.gameEngine.scene.start(PhaserScene.MAIN_MENU);
 
   }
 
 
 }

+ 1 - 4
src/index.html
View File 

@@ -28,7 +28,7 @@
 
             * Disables use of inline scripts in order to mitigate risk of XSS vulnerabilities. To change this:
 
                 * Enable inline JS: add 'unsafe-inline' to default-src
 
         -->
 
-        <meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *; img-src 'self' data: content:;">
 
+        <!-- <meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *; img-src 'self' data: content: blob:;"> -->
 
         <meta name="format-detection" content="telephone=no">
 
         <meta name="msapplication-tap-highlight" content="no">
 
         <meta name="viewport" content="initial-scale=1, width=device-width, viewport-fit=cover">
 
@@ -43,9 +43,6 @@
 
                 <p class="event received"></p>
 
             </div>
 
         </div>
 
-        <!-- <script type="text/javascript" src="cordova.js"></script> -->
 
-
 
-<select class="form-control" id="optList" name="selectbasic">
 
 
     </select>
 
     </body>

+ 1 - 3
src/main.js
View File 

@@ -3,9 +3,7 @@
 
 /* eslint-disable no-unused-vars */
 
 /* eslint-disable no-console */
 
 
-import '@babel/polyfill';
 
-
 
-import PhaserEngine from './phaser-engine';
 
+import PhaserEngine from './controller/phaser-engine';
 
 
 var app = {
 
   // Application Constructor

+ 0 - 0
src/game/model/hero-ability.js → src/model/heroes/hero-ability.js
View File


+ 0 - 0
src/game/model/hero-factory.js → src/model/heroes/hero-factory.js
View File


+ 0 - 0
src/game/model/hero.js → src/model/heroes/hero.js
View File


+ 2 - 0
src/polyfills.js
View File 

@@ -0,0 +1,2 @@
 
+
 
+import '@babel/polyfill';

+ 0 - 0
src/game/model/const/faction-enum.js → src/utils/const/faction-enum.js
View File


+ 0 - 0
src/game/model/const/game-type-enum.js → src/utils/const/game-type-enum.js
View File


+ 6 - 0
src/utils/const/phaser-scene-enum.js
View File 

@@ -0,0 +1,6 @@
 
+'use strict';
 
+
 
+export const PhaserScene = Object.freeze({
 
+    MAIN_MENU : "MainMenu",
 
+    WORLD: "World"
 
+  });

+ 0 - 46
webpack.config.dev.js
View File 

@@ -1,46 +0,0 @@
 
-import path from 'path';
 
-import HtmlWebpackPlugin from 'html-webpack-plugin';
 
-import webpack from 'webpack';
 
-import CopyWebpackPlugin from 'copy-webpack-plugin';
 
-
 
-export default {
 
-  devtool: 'inline-source-map',
 
-  mode: 'development',
 
-  entry: [
 
-    path.resolve(__dirname, 'src/main.js')
 
-  ],
 
-  target: 'web',
 
-  output: {
 
-    path: path.resolve(__dirname, 'www'),
 
-    publicPath: '/',
 
-    filename: 'bundle.js'
 
-  },
 
-  plugins: [
 
-    new webpack.DefinePlugin({
 
-      CANVAS_RENDERER: JSON.stringify(true),
 
-      WEBGL_RENDERER: JSON.stringify(true)
 
-    }),
 
-    // Create HTML file that includes reference to bundled JS.
 
-    new HtmlWebpackPlugin({
 
-      template: 'src/index.html',
 
-      filename:'index.html',
 
-      inject: true
 
-    }),
 
-    new CopyWebpackPlugin([
 
-      {from:'src/assets',to:'assets'}
 
-    ])
 
-  ],
 
-  module: {
 
-    rules: [
 
-      { test: /\.js$/, exclude: /node_modules/, loaders: "babel-loader" },
 
-      {
 
-        test: /\.(gif|png|jpe?g|svg|xml)$/i,
 
-        use: "file-loader"
 
-      },
 
-      {
 
-        test: [/\.vert$/, /\.frag$/],
 
-        use: "raw-loader"
 
-      }
 
-    ]
 
-  }
 
-};

+ 76 - 0
webpack.config.js
View File 

@@ -0,0 +1,76 @@
 
+var path = require('path');
 
+var webpack = require('webpack');
 
+var HtmlWebpackPlugin = require('html-webpack-plugin');
 
+var BrowserSyncPlugin = require('browser-sync-webpack-plugin');
 
+
 
+var definePlugin = new webpack.DefinePlugin({
 
+  __DEV__: JSON.stringify(JSON.parse(process.env.BUILD_DEV || 'true'))
 
+});
 
+
 
+module.exports = {
 
+  devtool: 'cheap-source-map',
 
+  mode: 'development',
 
+  entry: {
 
+    polyfills: './src/polyfills.js',
 
+    app: path.resolve(__dirname, 'src/main.js'),
 
+  },
 
+  target: 'web',
 
+  watch: true,
 
+  output: {
 
+    pathinfo: true,
 
+    filename: '[name].bundle.js',
 
+    chunkFilename: '[name].bundle.js',
 
+    path: path.resolve(__dirname, 'dist')
 
+  },
 
+  optimization: {
 
+    splitChunks: {
 
+      cacheGroups: {
 
+        commons: { test: /[\\/]node_modules[\\/]/, name: "vendors", chunks: "all" }
 
+      }
 
+    }
 
+  },
 
+  plugins: [
 
+    definePlugin,
 
+    new HtmlWebpackPlugin({
 
+      filename: '../index.html',
 
+      template: './src/index.html',
 
+      chunksSortMode: "manual",
 
+      chunks: ['polyfills', 'vendors', 'app'],
 
+      minify: {
 
+        removeAttributeQuotes: false,
 
+        collapseWhitespace: false,
 
+        html5: false,
 
+        minifyCSS: false,
 
+        minifyJS: false,
 
+        minifyURLs: false,
 
+        removeComments: false,
 
+        removeEmptyAttributes: false
 
+      },
 
+      hash: false
 
+    }),
 
+    new BrowserSyncPlugin({
 
+      host: process.env.IP || 'localhost',
 
+      port: process.env.PORT || 3000,
 
+      server: {
 
+        baseDir: ['./', './build']
 
+      }
 
+    }),
 
+    new webpack.DefinePlugin({
 
+      CANVAS_RENDERER: JSON.stringify(true),
 
+      WEBGL_RENDERER: JSON.stringify(true)
 
+    })
 
+  ],
 
+  module: {
 
+    rules: [
 
+      { test: /\.js$/, exclude: /node_modules/, loaders: "babel-loader" },
 
+      {
 
+        test: /\.(gif|png|jpe?g|svg|xml)$/i,
 
+        use: "file-loader"
 
+      },
 
+      {
 
+        test: [/\.vert$/, /\.frag$/],
 
+        use: "raw-loader"
 
+      }
 
+    ]
 
+  }
 
+};

Some files were not shown because too many files changed in this diff