feat: tweak studio webpack config

antvis · Nov 18, 2019 · f7a75f6 · f7a75f6
1 parent e40926d
commit f7a75f6
Show file tree

Hide file tree

Showing 4 changed files with 44 additions and 14 deletions.
diff --git a/packages/graphin-studio/package.json b/packages/graphin-studio/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@antv/graphin-studio",
   "version": "1.0.0",
-  "description": "an example for graphin",
+  "description": "An Example for Graphin",
   "main": "dist/app.js",
   "scripts": {
     "start": " node --max_old_space_size=8192 ./node_modules/webpack-dev-server/bin/webpack-dev-server.js --hot --env.NODE_ENV=development",
@@ -55,6 +55,6 @@
     "example",
     "graphene"
   ],
-  "author": "",
-  "license": "ISC"
+  "author": "Ant Financial",
+  "license": "MIT"
 }
diff --git a/packages/graphin-studio/public/index.html b/packages/graphin-studio/public/index.html
@@ -17,6 +17,7 @@
             crossorigin
             src="https://gw.alipayobjects.com/os/lib/react-dom/16.12.0/umd/react-dom.production.min.js"
         ></script>
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.15/lodash.min.js"></script>
         <script crossorigin src="https://gw.alipayobjects.com/os/antv/pkg/_antv.g6-3.1.5/build/g6.js"></script>
         <script crossorigin src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js"></script>
         <script crossorigin src="https://cdnjs.cloudflare.com/ajax/libs/antd/3.23.6/antd.min.js"></script>

diff --git a/packages/graphin-studio/webpack.config.js b/packages/graphin-studio/webpack.config.js
@@ -10,7 +10,11 @@ module.exports = env => {
         entry: {
             bundle: './src/index.tsx',
         },
-
+        optimization: {
+            splitChunks: {
+                chunks: 'all',
+            },
+        },
         mode: env.NODE_ENV,
         module: {
             rules: [
@@ -105,16 +109,41 @@ module.exports = env => {
             new HtmlWebpackPlugin({
                 title: 'example',
                 template: './public/index.html',
-                chunks: ['bundle'],
+                chunks: ['vendors~bundle', 'bundle'],
             }),
         ],
-        externals: {
-            antd: 'window.antd',
-            'chinese-random-name': 'chineseRandomName',
-            lodash: '_',
-            react: 'window.React',
-            'react-dom': 'window.ReactDOM',
-            '@antv/g6': 'G6',
-        },
+        externals: [
+            {
+                antd: 'window.antd',
+                'chinese-random-name': 'chineseRandomName',
+                lodash: '_',
+                react: 'window.React',
+                'react-dom': 'window.ReactDOM',
+                '@antv/g6': 'G6',
+            },
+            // eslint-disable-next-line
+            (context, request, callback) => {
+                if (request === 'lodash') {
+                    return callback(null, '_');
+                }
+                if (/lodash\//.test(request)) {
+                    // lodash/isArray
+                    const paths = request.split('/');
+                    // lodash or lodash-es
+                    paths[0] = '_';
+                    // _.isArray
+                    return callback(null, paths.join('.'));
+                }
+                if (/lodash\./.test(request)) {
+                    // lodash.debounce
+                    const paths = request.split('.');
+                    // lodash or lodash-es
+                    paths[0] = '_';
+                    // _.debounce
+                    return callback(null, paths.join('.'));
+                }
+                callback();
+            },
+        ],
     };
 };
diff --git a/packages/graphin/package.json b/packages/graphin/package.json
@@ -32,7 +32,7 @@
         "eventemitter3": "^4.0.0"
     },
     "sideEffects": false,
-    "author": "AntFinancial",
+    "author": "Ant Financial",
     "license": "MIT",
     "dependencies": {
         "svg2marker": "^0.1.3",