Dva: dva рдХреЗ рд╕рд╛рде рд╡рд┐рдХрд╕рд┐рдд рдФрд░ рдирд┐рд░реНрдорд┐рдд рд▓рдХреНрд╖реНрдп рдлрд╝рд╛рдЗрд▓ рдмрд╣реБрдд рдмрдбрд╝реА (1.3M) рд╣реИред рдореБрдЭреЗ рдирд╣реАрдВ рдкрддрд╛ рдХрд┐ рдкреИрдХреЗрдЬ рдХреЗ рдЖрдХрд╛рд░ рдХреЛ рдХреИрд╕реЗ рдХрдо рдХрд┐рдпрд╛ рдЬрд╛рдП?

рдХреЛ рдирд┐рд░реНрдорд┐рдд 13 рджрд┐рд╕ре░ 2016  ┬╖  5рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ  ┬╖  рд╕реНрд░реЛрдд: dvajs/dva

рд╣реИрд▓реЛ!

рдореИрдВ рд╣рд╛рд▓ рд╣реА рдореЗрдВ рд╡рд┐рдХрд╛рд╕ рдХреЗ рд▓рд┐рдП dva рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд░рд╣рд╛ рд╣реВрдБ, рдФрд░ рдореИрдВ dva рд▓реЗрдЦрдХреЛрдВ рдХреА рдХрдбрд╝реА рдореЗрд╣рдирдд рдХреЗ рд▓рд┐рдП рдЙрдирдХрд╛ рдмрд╣реБрдд рдЖрднрд╛рд░реА рд╣реВрдБ~
рдЗрд╕ рд╕рдордп рдореБрдЭреЗ рдЬрд┐рд╕ рд╕рдорд╕реНрдпрд╛ рдХрд╛ рд╕рд╛рдордирд╛ рдХрд░рдирд╛ рдкрдбрд╝рд╛ рд╣реИ, рд╡рд╣ рдпрд╣ рд╣реИ рдХрд┐ рдХрдИ рдкреНрд░реЛрдЬреЗрдХреНрдЯ рдлрд╛рдЗрд▓реЗрдВ рдирд╣реАрдВ рд╣реИрдВ, рд▓реЗрдХрд┐рди рдкреИрдХреЗрдЬреНрдб рдкреИрдХреЗрдЬ рдмрд╣реБрдд рдмрдбрд╝рд╛ рд╣реИ (index.js 1.3MB рддрдХ рдкрд╣реБрдВрдЪ рдЧрдпрд╛ рд╣реИ)ред рдореБрдЭреЗ рдирд╣реАрдВ рдкрддрд╛ рдХрд┐ рдХреНрдпрд╛ рдбреАрд╡реАрдП рдмрд┐рд▓реНрдб рдкреНрд░реЛрдЬреЗрдХреНрдЯ рдХреЛ рдХрдИ рдкреНрд░рд╡рд┐рд╖реНрдЯрд┐рдпреЛрдВ рдореЗрдВ рд╡рд┐рднрд╛рдЬрд┐рдд рдХрд░рдиреЗ рдФрд░ рдлрд╝рдВрдХреНрд╢рди рджреНрд╡рд╛рд░рд╛ рдкреГрд╖реНрдареЛрдВ рдХреЛ рд╡рд┐рднрд╛рдЬрд┐рдд рдХрд░рдиреЗ рдХрд╛ рд╕рдорд░реНрдерди рдХрд░ рд╕рдХрддрд╛ рд╣реИ?

рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА

рдорд╛рдВрдЧ рдкрд░ рд╕рдВрдмрдВрдзрд┐рдд рдореЙрдбреНрдпреВрд▓ рдкреЗрд╢ рдХрд┐рдП рдЬрд╛ рд╕рдХрддреЗ рд╣реИрдВ, рдЙрджрд╛рд╣рд░рдг рдХреЗ рд▓рд┐рдП, рдХреЗрд╡рд▓ цКШч║┐хЫ╛ , цЯ▒чК╢хЫ╛ , ще╝хЫ╛ рдХреЛ рдирд┐рдореНрдирд╛рдиреБрд╕рд╛рд░ рдкреЗрд╢ рдХрд┐рдпрд╛


// ==== ф╗еф╕Лх┐Ещб╗х╝ХхЕе ====
// core
import echarts from 'echarts/lib/echarts'
// for ie8
//import 'zrender/lib/vml/vml'
// цЯ▒чК╢хЫ╛
import 'echarts/lib/chart/bar'
// цКШч║┐хЫ╛
import 'echarts/lib/chart/line'
// ще╝хЫ╛
import 'echarts/lib/chart/pie'

// ==== ф╗еф╕Лф╕Нх╝ХхЕеф╣ЯхПпф╗ея╝МхПкцШпц▓бцХИцЮЬя╝Мф╣Яф╕Нф╝ЪцКещФЩ ====
// tooltip
import 'echarts/lib/component/tooltip'
// legend
import 'echarts/lib/component/legend'
// title
import 'echarts/lib/component/title'


echarts.init(...)

рдХреНрдпрд╛ рдЕрдзрд┐рдХ рдХрд╖реНрдЯрдкреНрд░рдж рд╣реИ рдХрд┐ рдпреЗ рдореЙрдбреНрдпреВрд▓ рдордЬрдмреВрдд рдирд┐рд░реНрднрд░рддрд╛ рдирд╣реАрдВ рд╣реИрдВред рдЖрдк рдкрд╛рдПрдВрдЧреЗ рдХрд┐ рдХреБрдЫ рдореЙрдбреНрдпреВрд▓ рдХрд╛ рдХреЛрдИ рдкреНрд░рднрд╛рд╡ рдирд╣реАрдВ рдкрдбрд╝рддрд╛ рд╣реИ рдпрджрд┐ рдЙрдиреНрд╣реЗрдВ рдкреЗрд╢ рдирд╣реАрдВ рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ, рдФрд░ рдХреБрдЫ рдореЙрдбреНрдпреВрд▓ рдореЗрдВ рд╡рд┐рд╢рд┐рд╖реНрдЯ рдореЙрдбреНрдпреВрд▓ рдХреА рд╢реБрд░реВрдЖрдд рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рдХреЗ рд▓рд┐рдП рдПрдХ рддреНрд░реБрдЯрд┐ рд╕рдВрджреЗрд╢ рд╣реЛрдЧрд╛ред

рдмреЗрд╢рдХ, рдмреЗрдмреЗрд▓ рдкреНрд▓рдЧрдЗрди рд▓рд┐рдЦрдирд╛ рдЖрд╕рд╛рди рд╣реИред . . . .

рд╕рднреА 5 рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

рдЕрдкрдирд╛ package.json рдкреЛрд╕реНрдЯ рдХрд░реЗрдВ

@nikogu рдиреАрдЪреЗ рдореЗрд░рд╛ рдкреИрдХреЗрдЬ рд╣реИред

 {
  "private": true,
  "entry": {
    "index": "./src/index.js"
  },
  "peerDependencies": {
  },
  "dependencies": {
    "antd": "^2.4.3",
    "dva": "^1.1.0",
    "echarts": "^3.3.1",
    "echarts-for-react": "^1.1.6",
    "moment-timezone": "^0.5.10",
    "path-to-regexp": "^1.7.0",
    "qs": "^6.3.0",
    "react": "^15.3.2",
    "react-dom": "^15.3.2",
    "reqwest": "^2.0.5"
  },
  "devDependencies": {
    "atool-build": "^0.9.0",
    "atool-test-mocha": "^0.1.5",
    "babel-plugin-dev-expression": "^0.2.1",
    "babel-plugin-dva-hmr": "^0.2.0",
    "babel-plugin-import": "^1.1.0",
    "babel-plugin-transform-runtime": "^6.9.0",
    "babel-runtime": "^6.9.2",
    "dora": "^0.4.3",
    "dora-plugin-proxy": "^0.8.4",
    "dora-plugin-webpack": "^0.8.1",
    "dora-plugin-webpack-hmr": "^0.2.1",
    "expect": "^1.20.2",
    "redbox-react": "^1.3.2"
  },
  "scripts": {
    "start": "dora --plugins \"proxy?watchDirs=./mock,webpack?port=8000,webpack-hmr\"",
    "build": "atool-build",
    "test": "atool-test-mocha ./src/**/*-test.js"
  }
}

рдореИрдВрдиреЗ dvacli . рдХреЗ рд╕рд╛рде рдкреНрд░реЛрдЬреЗрдХреНрдЯ рдмрдирд╛рдпрд╛

dva new myproject

рдИрдЪрд╛рд░реНрдЯреНрд╕ рдкрд╣рд▓реЗ рд╕реЗ рд╣реА рдмрдбрд╝рд╛ рд╣реИ

@ рдХреЛрдбрд░рд┐рдВрдЧ echarts3 рдЖрдзрд┐рдХрд╛рд░рд┐рдХ рд╡реЗрдмрд╕рд╛рдЗрдЯ рдиреЗ рдХрд╣рд╛ рдХрд┐ рд╕рдВрдкреАрдбрд╝рди рдХреЗ рдмрд╛рдж рдпрд╣ 170k рд╕реЗ рдЕрдзрд┐рдХ рд╣реИред

рдорд╛рдВрдЧ рдкрд░ рд╕рдВрдмрдВрдзрд┐рдд рдореЙрдбреНрдпреВрд▓ рдкреЗрд╢ рдХрд┐рдП рдЬрд╛ рд╕рдХрддреЗ рд╣реИрдВ, рдЙрджрд╛рд╣рд░рдг рдХреЗ рд▓рд┐рдП, рдХреЗрд╡рд▓ цКШч║┐хЫ╛ , цЯ▒чК╢хЫ╛ , ще╝хЫ╛ рдХреЛ рдирд┐рдореНрдирд╛рдиреБрд╕рд╛рд░ рдкреЗрд╢ рдХрд┐рдпрд╛


// ==== ф╗еф╕Лх┐Ещб╗х╝ХхЕе ====
// core
import echarts from 'echarts/lib/echarts'
// for ie8
//import 'zrender/lib/vml/vml'
// цЯ▒чК╢хЫ╛
import 'echarts/lib/chart/bar'
// цКШч║┐хЫ╛
import 'echarts/lib/chart/line'
// ще╝хЫ╛
import 'echarts/lib/chart/pie'

// ==== ф╗еф╕Лф╕Нх╝ХхЕеф╣ЯхПпф╗ея╝МхПкцШпц▓бцХИцЮЬя╝Мф╣Яф╕Нф╝ЪцКещФЩ ====
// tooltip
import 'echarts/lib/component/tooltip'
// legend
import 'echarts/lib/component/legend'
// title
import 'echarts/lib/component/title'


echarts.init(...)

рдХреНрдпрд╛ рдЕрдзрд┐рдХ рдХрд╖реНрдЯрдкреНрд░рдж рд╣реИ рдХрд┐ рдпреЗ рдореЙрдбреНрдпреВрд▓ рдордЬрдмреВрдд рдирд┐рд░реНрднрд░рддрд╛ рдирд╣реАрдВ рд╣реИрдВред рдЖрдк рдкрд╛рдПрдВрдЧреЗ рдХрд┐ рдХреБрдЫ рдореЙрдбреНрдпреВрд▓ рдХрд╛ рдХреЛрдИ рдкреНрд░рднрд╛рд╡ рдирд╣реАрдВ рдкрдбрд╝рддрд╛ рд╣реИ рдпрджрд┐ рдЙрдиреНрд╣реЗрдВ рдкреЗрд╢ рдирд╣реАрдВ рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ, рдФрд░ рдХреБрдЫ рдореЙрдбреНрдпреВрд▓ рдореЗрдВ рд╡рд┐рд╢рд┐рд╖реНрдЯ рдореЙрдбреНрдпреВрд▓ рдХреА рд╢реБрд░реВрдЖрдд рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рдХреЗ рд▓рд┐рдП рдПрдХ рддреНрд░реБрдЯрд┐ рд╕рдВрджреЗрд╢ рд╣реЛрдЧрд╛ред

рдмреЗрд╢рдХ, рдмреЗрдмреЗрд▓ рдкреНрд▓рдЧрдЗрди рд▓рд┐рдЦрдирд╛ рдЖрд╕рд╛рди рд╣реИред . . . .

рдХреНрдпрд╛ рдпрд╣ рдкреГрд╖реНрда рдЙрдкрдпреЛрдЧреА рдерд╛?
0 / 5 - 0 рд░реЗрдЯрд┐рдВрдЧреНрд╕

рд╕рдВрдмрдВрдзрд┐рдд рдореБрджреНрджреЛрдВ

hanxiansen picture hanxiansen  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

itiwll picture itiwll  ┬╖  4рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

yunfeit picture yunfeit  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

huyawei picture huyawei  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

wm3445 picture wm3445  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ