【文件属性】:
文件名称:yie-react:基于reactjs + reflux + webpack + es6 的最佳实践
文件大小:135KB
文件格式:ZIP
更新时间:2021-05-14 07:46:45
JavaScript
reacjs + reflux 最佳实践
前端架构:
reactjs 创建组件
reflux模型
webpack打包
百度echarts
grunt配置轻量任务
less语法糖
ES6 + babel解析器
getting start
本地开发
npm install
grunt serve
grunt serve会启动本地开发服务器 webpack-dev-server
webpack-dev-server方便使用热替换,程序一修改,界面马上改变
所以本地开发路径为: 不要奇怪
grunt test 跑测试
线上模式
npm install
grunt test
grunt build
在dist 目录生产静态的文件,挂载到nignix 就行了
参考资料
reactjs
是以组件为基础,基于虚拟DOM和单向数据流的前端javascript库
flux结构
是一种前端架构,区别于传统前端M
【文件预览】:
yie-react-master
----webpack.dist.config.js(1KB)
----.gitignore(397B)
----karma.conf.js(2KB)
----.yo-rc.json(154B)
----README.md(1KB)
----test()
--------.jshintrc(716B)
--------helpers()
--------spec()
----.eslintrc(368B)
----Gruntfile.js(2KB)
----.jshintrc(429B)
----package.json(1KB)
----src()
--------components()
--------actions()
--------app.js(663B)
--------styles()
--------images()
--------index.html(803B)
--------favicon.ico(4KB)
--------stores()
----.eslintignore(15B)
----.editorconfig(214B)
----webpack.config.js(1KB)