Home Explore Help
Register Sign In
usoft
/
kanban-client
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

【看板展示】【减小打包体积-通用代码提取】

zhuth 8 years ago
parent
deb02a2a33
commit
57fcc1d1d7
4 changed files with 14 additions and 18 deletions
Unified View Show Diff Stats
  1. 2 9
      kanban-client/app/component/converter.js
  2. 1 0
      kanban-client/build/index.html
  3. 3 6
      kanban-client/package.json
  4. 8 3
      kanban-client/webpack.config.js

+ 2 - 9
kanban-client/app/component/converter.js
View File 

@@ -1,13 +1,8 @@
 
 import Renders from '../utils/RenderUtils.js';
 
 import Renders from '../utils/RenderUtils.js';
 
 
 
 function converter(data) {
 
 function converter(data) {
 
-    let { title, content } = data;
 
-    // title = {
 
-    //     config: {
 
-    //         render: 'titleRender'
 
-    //     }
 
-    // }
 
-    let { items } = content;
 
+    let { content } = data;
 
+    let { title, items } = content;
 
     let itemsarr = items instanceof Array ? items : [items];
 
     let itemsarr = items instanceof Array ? items : [items];
 
 	
 	
     let me = this;
 
     let me = this;
 
@@ -69,7 +64,6 @@ function formConfig(model) {
 
 function tableConfig(model) {
 
 function tableConfig(model) {
 
     let { type, config, layout } = model;
 
     let { type, config, layout } = model;
 
     let { fontSize, title, cls, render, columns, data, rowHeight} = config;
 
     let { fontSize, title, cls, render, columns, data, rowHeight} = config;
 
-    
     return {
 
     return {
 
         type: 'table',
 
         type: 'table',
 
         config: {
 
         config: {
 
@@ -393,7 +387,6 @@ function getScreenSize() {
 
 }
 
 }
 
 
 
 function getFontSize(layout) {
 
 function getFontSize(layout) {
 
-    const MAX_FONT_SIZE = 25;
 
     let {screenHeight, screenWidth} = getScreenSize();
 
     let {screenHeight, screenWidth} = getScreenSize();
 
     if(screenWidth > 800) {
 
     if(screenWidth > 800) {
 
         return 22;
 
         return 22;

+ 1 - 0
kanban-client/build/index.html
View File 

@@ -8,6 +8,7 @@
 
 <body style="margin:0px">
 
 <body style="margin:0px">
 
   <div id="root"></div>
 
   <div id="root"></div>
 
   <script type="text/javascript" src="./lib/echarts-for-react/echarts.min.js"></script>
 
   <script type="text/javascript" src="./lib/echarts-for-react/echarts.min.js"></script>
 
+  <script src="./commons.bundle.js"></script>
 
   <script src="./src/main.bundle.js"></script>
 
   <script src="./src/main.bundle.js"></script>
 
 </body>
 
 </body>
 
 </html>
 
 </html>

+ 3 - 6
kanban-client/package.json
View File 

@@ -19,22 +19,19 @@
 
     "component-classes": "^1.2.6",
 
     "component-classes": "^1.2.6",
 
     "echarts-for-react": "^1.4.4",
 
     "echarts-for-react": "^1.4.4",
 
     "element-resize-event": "^2.0.9",
 
     "element-resize-event": "^2.0.9",
 
-    "g2": "^2.3.8",
 
-    "g2-mobile": "^2.1.22",
 
-    "g2-react": "^1.3.0",
 
     "json-loader": "^0.5.4",
 
     "json-loader": "^0.5.4",
 
-    "less": "^2.7.2",
 
-    "less-loader": "^4.0.5",
 
     "lodash.get": "^4.4.2",
 
     "lodash.get": "^4.4.2",
 
     "prop-types": "^15.5.8",
 
     "prop-types": "^15.5.8",
 
     "rc-util": "4.x",
 
     "rc-util": "4.x",
 
     "react-grid-layout": "^0.14.7",
 
     "react-grid-layout": "^0.14.7",
 
     "shallowequal": "^0.2.2",
 
     "shallowequal": "^0.2.2",
 
     "thenby": "^1.2.3",
 
     "thenby": "^1.2.3",
 
-    "warning": "^3.0.0",
 
     "whatwg-fetch": "^2.0.3"
 
     "whatwg-fetch": "^2.0.3"
 
   },
 
   },
 
   "devDependencies": {
 
   "devDependencies": {
 
+    "warning": "^3.0.0",
 
+    "less": "^2.7.2",
 
+    "less-loader": "^4.0.5",
 
     "babel-core": "^6.25.0",
 
     "babel-core": "^6.25.0",
 
     "babel-eslint": "^7.2.3",
 
     "babel-eslint": "^7.2.3",
 
     "babel-loader": "^7.1.1",
 
     "babel-loader": "^7.1.1",

+ 8 - 3
kanban-client/webpack.config.js
View File 

@@ -4,7 +4,7 @@ var ExtractTextPlugin = require('extract-text-webpack-plugin');
 
 
 
 module.exports = {
 
 module.exports = {
 
     entry: {
 
     entry: {
 
-        'fetch/whatwg-fetch': 'whatwg-fetch',
 
+        'src/whatwg-fetch': 'whatwg-fetch',
 
         'src/main': './app/main.js',
 
         'src/main': './app/main.js',
 
         'src/title': './app/src/Title/Title.jsx',
 
         'src/title': './app/src/Title/Title.jsx',
 
         'src/table': './app/component/Table.jsx',
 
         'src/table': './app/component/Table.jsx',
 
@@ -12,7 +12,7 @@ module.exports = {
 
         'src/chart': './app/src/Charts/ECharts.js'
 
         'src/chart': './app/src/Charts/ECharts.js'
 
     },
 
     },
 
     externals: {
 
     externals: {
 
-        echarts: 'window.echarts',
 
+        echarts: 'window.echarts'
 
     },
 
     },
 
     output: {
 
     output: {
 
         path: path.resolve(__dirname, './build'),
 
         path: path.resolve(__dirname, './build'),
 
@@ -75,6 +75,11 @@ module.exports = {
 
                 return getPath('css/[name].css').replace('src/', '').replace('css/js', 'css');
 
                 return getPath('css/[name].css').replace('src/', '').replace('css/js', 'css');
 
             },
 
             },
 
             allChunks: true
 
             allChunks: true
 
-        })
 
+        }),
 
+        new webpack.optimize.CommonsChunkPlugin({ 
+            names: 'commons',
 
+            filename: '[name].bundle.js',
 
+            minChunks: 4,
 
+        }),
 
     ]
 
     ]
 
 };
 
 };