赵走x博客
网站访问量:151903
首页
书籍
软件
工具
古诗词
搜索
登录
49、Flux:理念、回顾Whinepad
48、lint、Flow、测试与复验:测试
47、lint、Flow、测试与复验:Flow
46、lint、Flow、测试与复验:ESLint
45、lint、Flow、测试与复验:package.json
44、构建实例应用:<Whinepad>
43、构建实例应用:应用配置
43、构建实例应用:<Excel>:改进的新版本
42、构建实例应用:组件:对话框
41、构建实例应用:组件:Actions
39、构建实例应用:表单:Form
38、构建实例应用:表单:<FormInput>“工厂组件”
37、构建实例应用:表单:Rating组件
36、构建实例应用:表单:Suggest
35、构建实例应用:Button组件
34、构建实例应用:组件
33、构建实例应用:Whinepad v.0.0.1
32、发布
31、开始构建
30、安装必备工具
29、为应用开发做准备:一个模板应用
28、JSX 和表单
27、JSX 和HTML 的区别
26、在JSX 中返回多个节点
25、展开属性
24、HTML 实体
23、JSX入门
22、Excel:一个出色的表格组件:下载表格数据
21、Excel:一个出色的表格组件:即时回放
20、Excel:一个出色的表格组件:搜索
19、Excel:一个出色的表格组件:编辑数据
18、Excel:一个出色的表格组件:排序
17、Excel:一个出色的表格组件
16、 PureRenderMixin
15、 性能优化:避免组件更新
14、 生命周期示例:使用子组件
13、组件生命周期示例:使用mixin
12、组件:生命周期方法
11、中途改变属性
10、从外部访问组件
9、在初始化state 时使用props:一种反模式
8、 props 与state
7、关于DOM 事件的说明
6、组件:带状态的文本框组件
5、组件的state
4、组件的propTypes
3、组件的属性
2、组件的基础
1、Hello World
50、Flux:Store
32、发布
资源编号:76082
书籍
React快速上手开发
热度:77
目前差不多可以发布应用了,因为你在开发过程中已经进行了构建,所以发布过程没有太大的工作量。不过在应用正式上线之前,你可能还需要作一些额外的处理,比如代码压缩和图像优化。
目前差不多可以发布应用了,因为你在开发过程中已经进行了构建,所以发布过程没有太大的工作量。不过在应用正式上线之前,你可能还需要作一些额外的处理,比如代码压缩和图像优化。 我们以常用的JavaScript 压缩工具uglify 和CSS 压缩工具cssshrink 为例,实现一套简单的发布流程。你可以在此基础上压缩HTML 代码、优化图像、复制文件到内容分发网络(content delivery network,CDN),做其他任何你需要的事情。 scripts/deploy.sh 文件的内容如下: ``` # 删除上一个版本 rm -rf __deployme mkdir __deployme # 构建 sh scripts/build.sh # 压缩JavaScript uglify -s bundle.js -o __deployme/bundle.js # 压缩CSS cssshrink bundle.css > __deployme/bundle.css # 复制HTML和图片 cp index.html __deployme/index.html cp -r images/ __deployme/images/ # 完成 date; echo; ``` 在脚本运行完毕后,你会得到一个新的目录。这个名为__deployme 的目录中包含以下内容: * index.html * 压缩后的bundle.css * 压缩后的bundle.js * images/ 文件夹 接下来你只需要把整个目录复制到服务器上,就可以为用户提供这个新版本的应用了。 ### 更进一步 现在你已经拥有了一个简单的基于shell 脚本的构建和发布流程。你可以根据具体需要扩展这些脚本,也可以尝试使用一些专业的构建工具(比如Grunt 或者Gulp)进行构建,以便更好地满足你的需求。 在完成所有的构建和转译流程后,我们将关注一个更有趣的话题:利用JavaScript 提供的各种新特性,构建并测试一款真正的应用。