feat: import lodash

Author: xiazeyu

.babelrc

@@ -5,7 +5,8 @@
     }]
   ],
   "plugins": [
-    "syntax-dynamic-import"
-  ]
+    "syntax-dynamic-import",
+    "lodash"
+  ],
 }
 

package-lock.json

@@ -34,12 +34,15 @@
   "devDependencies": {
     "babel-core": "^6.26.0",
     "babel-loader": "^7.1.2",
+    "babel-plugin-lodash": "^3.3.2",
     "babel-plugin-syntax-dynamic-import": "^6.18.0",
     "babel-preset-env": "^1.6.1",
     "commitizen": "^2.9.6",
     "current-device": "^0.7.2",
     "cz-conventional-changelog": "^2.1.0",
     "html-loader": "^0.5.1",
+    "lodash": "^4.17.4",
+    "lodash-webpack-plugin": "^0.11.4",
     "path": "^0.12.7",
     "uglifyjs-webpack-plugin": "^1.1.5",
     "webpack": "^3.10.0",

package.json

@@ -41,7 +41,6 @@ let opacityDefault = 0.7;
 let opacityHover = 1;
 
 export default () => {
-  console.log(config);
 /*
     headPos = typeof iHeadPos === 'undefined' ? 0.5 : iHeadPos;
     opacityDefault = typeof iOpacityDefault === 'undefined' ? 0.7 : iOpacityDefault;

src/cLive2DApp.js

@@ -13,7 +13,7 @@
 'use strict';
 
 import device from 'current-device';
-import { config, applyConfig }from './lib/configManager.js';
+import { config, configApplyer }from './lib/configManager.js';
 
 /**
  * The public entry point
@@ -22,19 +22,21 @@ import { config, applyConfig }from './lib/configManager.js';
 
 export function init(userConfig){
 
+  userConfig = typeof userConfig === 'undefined' ? {} : userConfig;
+
   if (process.env.NODE_ENV === 'development') {
     console.log('Hey that, you are now in DEV MODE.');
   }
   try{
-    applyConfig(userConfig);
+    configApplyer(userConfig);
   }catch(err){
     console.error(err);
   }
-
+/*
   if((!config.mobile.show)&&(device.mobile())){
     return;
   }
-
+*/
   import(/* webpackMode: "lazy" */ './cLive2DApp').then(_ => {
     _.default();
   }).catch(err => {

src/configValidater.js

@@ -4,6 +4,7 @@
  * @description The container of configeration.
  */
 
+import _ from 'lodash';
 
 let currConfig = {};
 
@@ -46,15 +47,21 @@ const defaultOptions = {
   checked: true,
 }
 
-function applyConfig(inUserConfig){
+function configApplyer(inUserConfig){
+  console.log(_.defaults({ 'a': 1 }, { 'a': 3, 'b': 2 }));
   if (!!!inUserConfig.checked) checkUserConfig(inUserConfig);
   // TBD.
 }
 
 function checkUserConfig(inUserConfig){
   // TBD.
 }
+
+function configDefaulter(){
+
+}
+
 export {
-  applyConfig,
+  configApplyer,
   currConfig as config,
 }

src/index.js

@@ -1,5 +1,6 @@
 const webpack = require('webpack');
-const path = require('path')
+const path = require('path');
+const LodashModuleReplacementPlugin = require('lodash-webpack-plugin');
 const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
 const visualizer = require('webpack-visualizer-plugin');
 const manifestPlugin = require('webpack-manifest-plugin');
@@ -36,6 +37,7 @@ module.exports = env => {return{
         'NODE_ENV': JSON.stringify((isProd(env) ? 'production' : 'development')),
       }
     }),
+    new LodashModuleReplacementPlugin(),
     new UglifyJsPlugin({
       cache: false,
       parallel: true,