рд╣реИрд▓реЛ!
рдореИрдВ рд╣рд╛рд▓ рд╣реА рдореЗрдВ рд╡рд┐рдХрд╛рд╕ рдХреЗ рд▓рд┐рдП dva рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд░рд╣рд╛ рд╣реВрдБ, рдФрд░ рдореИрдВ dva рд▓реЗрдЦрдХреЛрдВ рдХреА рдХрдбрд╝реА рдореЗрд╣рдирдд рдХреЗ рд▓рд┐рдП рдЙрдирдХрд╛ рдмрд╣реБрдд рдЖрднрд╛рд░реА рд╣реВрдБ~
рдЗрд╕ рд╕рдордп рдореБрдЭреЗ рдЬрд┐рд╕ рд╕рдорд╕реНрдпрд╛ рдХрд╛ рд╕рд╛рдордирд╛ рдХрд░рдирд╛ рдкрдбрд╝рд╛ рд╣реИ, рд╡рд╣ рдпрд╣ рд╣реИ рдХрд┐ рдХрдИ рдкреНрд░реЛрдЬреЗрдХреНрдЯ рдлрд╛рдЗрд▓реЗрдВ рдирд╣реАрдВ рд╣реИрдВ, рд▓реЗрдХрд┐рди рдкреИрдХреЗрдЬреНрдб рдкреИрдХреЗрдЬ рдмрд╣реБрдд рдмрдбрд╝рд╛ рд╣реИ (index.js 1.3MB рддрдХ рдкрд╣реБрдВрдЪ рдЧрдпрд╛ рд╣реИ)ред рдореБрдЭреЗ рдирд╣реАрдВ рдкрддрд╛ рдХрд┐ рдХреНрдпрд╛ рдбреАрд╡реАрдП рдмрд┐рд▓реНрдб рдкреНрд░реЛрдЬреЗрдХреНрдЯ рдХреЛ рдХрдИ рдкреНрд░рд╡рд┐рд╖реНрдЯрд┐рдпреЛрдВ рдореЗрдВ рд╡рд┐рднрд╛рдЬрд┐рдд рдХрд░рдиреЗ рдФрд░ рдлрд╝рдВрдХреНрд╢рди рджреНрд╡рд╛рд░рд╛ рдкреГрд╖реНрдареЛрдВ рдХреЛ рд╡рд┐рднрд╛рдЬрд┐рдд рдХрд░рдиреЗ рдХрд╛ рд╕рдорд░реНрдерди рдХрд░ рд╕рдХрддрд╛ рд╣реИ?
рдЕрдкрдирд╛ 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(...)
рдХреНрдпрд╛ рдЕрдзрд┐рдХ рдХрд╖реНрдЯрдкреНрд░рдж рд╣реИ рдХрд┐ рдпреЗ рдореЙрдбреНрдпреВрд▓ рдордЬрдмреВрдд рдирд┐рд░реНрднрд░рддрд╛ рдирд╣реАрдВ рд╣реИрдВред рдЖрдк рдкрд╛рдПрдВрдЧреЗ рдХрд┐ рдХреБрдЫ рдореЙрдбреНрдпреВрд▓ рдХрд╛ рдХреЛрдИ рдкреНрд░рднрд╛рд╡ рдирд╣реАрдВ рдкрдбрд╝рддрд╛ рд╣реИ рдпрджрд┐ рдЙрдиреНрд╣реЗрдВ рдкреЗрд╢ рдирд╣реАрдВ рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ, рдФрд░ рдХреБрдЫ рдореЙрдбреНрдпреВрд▓ рдореЗрдВ рд╡рд┐рд╢рд┐рд╖реНрдЯ рдореЙрдбреНрдпреВрд▓ рдХреА рд╢реБрд░реВрдЖрдд рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рдХреЗ рд▓рд┐рдП рдПрдХ рддреНрд░реБрдЯрд┐ рд╕рдВрджреЗрд╢ рд╣реЛрдЧрд╛ред
рдмреЗрд╢рдХ, рдмреЗрдмреЗрд▓ рдкреНрд▓рдЧрдЗрди рд▓рд┐рдЦрдирд╛ рдЖрд╕рд╛рди рд╣реИред . . . .
рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА
рдорд╛рдВрдЧ рдкрд░ рд╕рдВрдмрдВрдзрд┐рдд рдореЙрдбреНрдпреВрд▓ рдкреЗрд╢ рдХрд┐рдП рдЬрд╛ рд╕рдХрддреЗ рд╣реИрдВ, рдЙрджрд╛рд╣рд░рдг рдХреЗ рд▓рд┐рдП, рдХреЗрд╡рд▓
цКШч║┐хЫ╛
,цЯ▒чК╢хЫ╛
,ще╝хЫ╛
рдХреЛ рдирд┐рдореНрдирд╛рдиреБрд╕рд╛рд░ рдкреЗрд╢ рдХрд┐рдпрд╛рдХреНрдпрд╛ рдЕрдзрд┐рдХ рдХрд╖реНрдЯрдкреНрд░рдж рд╣реИ рдХрд┐ рдпреЗ рдореЙрдбреНрдпреВрд▓ рдордЬрдмреВрдд рдирд┐рд░реНрднрд░рддрд╛ рдирд╣реАрдВ рд╣реИрдВред рдЖрдк рдкрд╛рдПрдВрдЧреЗ рдХрд┐ рдХреБрдЫ рдореЙрдбреНрдпреВрд▓ рдХрд╛ рдХреЛрдИ рдкреНрд░рднрд╛рд╡ рдирд╣реАрдВ рдкрдбрд╝рддрд╛ рд╣реИ рдпрджрд┐ рдЙрдиреНрд╣реЗрдВ рдкреЗрд╢ рдирд╣реАрдВ рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ, рдФрд░ рдХреБрдЫ рдореЙрдбреНрдпреВрд▓ рдореЗрдВ рд╡рд┐рд╢рд┐рд╖реНрдЯ рдореЙрдбреНрдпреВрд▓ рдХреА рд╢реБрд░реВрдЖрдд рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рдХреЗ рд▓рд┐рдП рдПрдХ рддреНрд░реБрдЯрд┐ рд╕рдВрджреЗрд╢ рд╣реЛрдЧрд╛ред
рдмреЗрд╢рдХ, рдмреЗрдмреЗрд▓ рдкреНрд▓рдЧрдЗрди рд▓рд┐рдЦрдирд╛ рдЖрд╕рд╛рди рд╣реИред . . . .