自学了三天的SeaJs学习,解决了前端的一些问题,与小伙伴们一起分享一下!
2013-10-12 09:01
357 查看
我为什么学习SeaJs?
【第一】:为了解决项目中资源文件版本号的问题,以及打包压缩合并等问题。
【第二】:好奇心和求知欲。【我发现很多知名网站也都在使用(qq空间, msn, 淘宝等等),而且 SeaJs 也得到了很好的推广与应用】。
【第三】:经过了解得知 淘宝的 玉伯 是 湖南炎陵 人,觉得他很牛X。
【强烈】给小伙伴们推荐一个 玉伯 的讲的 SeaJs PDF 学习资料,下载地址:http://pan.baidu.com/s/1CCz4C
第一步 【版本号问题的解决】:首先大家可以到 seaJs.org 官网去下载一个 seajs 的 例子,以及文件,现在 sea.js 的版本 已经到 V 2.1.1 了
然后在项目中引入sea.js文件。
如图:我的项目,目录如下图:
View Code
【3】. 做好(【1】,【2】)步,然后 执行命令 spm build ,就会生成压缩文件
生成压缩的文件放在了自动新建的一个叫 dist 文件夹目录下,分别包含了一个叫 xx.js 和 xx-debug.js 的文件
至于为什么会这样生成,因为【2】中的 Package.json 配置 已经指定了。
----------------------------------------------------------------------------------------------------------------------
第一步中的版本号解决如图(版本号的解决在 seajs.config 里面):
第二步中的压缩解决如图:
------------------------------------------------------------------------------------------------------------------------
最后,总结一下,我也还有几个 疑问 没有解决:
【1】. data-mian方式提供入口函数,我一直没有成功过,不知道是不是版本的问题(当前版本 seajs v2.1.1)
【2】. 依赖合并的文件,没有被合并到一个js文件里。
-------------如果有小伙伴解决了上面的2个疑问,还请多多指教---------------------------------------------------------------
非常感谢@yuanyiasd 的回复: 问题【1】已经有了答案 (SeaJs移除掉了对 data-main/config 的支持)
详细地址如下 :https://github.com/seajs/seajs/issues/734
【第一】:为了解决项目中资源文件版本号的问题,以及打包压缩合并等问题。
【第二】:好奇心和求知欲。【我发现很多知名网站也都在使用(qq空间, msn, 淘宝等等),而且 SeaJs 也得到了很好的推广与应用】。
【第三】:经过了解得知 淘宝的 玉伯 是 湖南炎陵 人,觉得他很牛X。
【强烈】给小伙伴们推荐一个 玉伯 的讲的 SeaJs PDF 学习资料,下载地址:http://pan.baidu.com/s/1CCz4C
第一步 【版本号问题的解决】:首先大家可以到 seaJs.org 官网去下载一个 seajs 的 例子,以及文件,现在 sea.js 的版本 已经到 V 2.1.1 了
然后在项目中引入sea.js文件。
如图:我的项目,目录如下图:
{ "family":"examples", "name":"script", "version":"1.0.0", "spm": { "alias":{ "jquery": "jquery" }, "output": ["init.js","test.js","jquery.js"] } }
View Code
【3】. 做好(【1】,【2】)步,然后 执行命令 spm build ,就会生成压缩文件
生成压缩的文件放在了自动新建的一个叫 dist 文件夹目录下,分别包含了一个叫 xx.js 和 xx-debug.js 的文件
至于为什么会这样生成,因为【2】中的 Package.json 配置 已经指定了。
----------------------------------------------------------------------------------------------------------------------
第一步中的版本号解决如图(版本号的解决在 seajs.config 里面):
第二步中的压缩解决如图:
------------------------------------------------------------------------------------------------------------------------
最后,总结一下,我也还有几个 疑问 没有解决:
【1】. data-mian方式提供入口函数,我一直没有成功过,不知道是不是版本的问题(当前版本 seajs v2.1.1)
【2】. 依赖合并的文件,没有被合并到一个js文件里。
-------------如果有小伙伴解决了上面的2个疑问,还请多多指教---------------------------------------------------------------
非常感谢@yuanyiasd 的回复: 问题【1】已经有了答案 (SeaJs移除掉了对 data-main/config 的支持)
详细地址如下 :https://github.com/seajs/seajs/issues/734
相关文章推荐
- 自学了三天的SeaJs学习,解决了前端的一些问题,与小伙伴们一起分享一下!
- SeaJs学习,解决了前端模块只会用ng的一些问题
- 前端学习,找到一下一些问题的答案
- 前端学习,找到一下一些问题的答案
- Android studio 安装中遇到一些问题的解决办法,分享一下
- Android studio 安装中遇到一些问题的解决办法,分享一下
- Android studio 安装中遇到一些问题的解决办法,分享一下
- Android studio 安装中遇到一些问题的解决办法,分享一下
- Android studio 安装中遇到一些问题的解决办法,分享一下
- 最近一阵子写C#的项目,遇到的一些问题以及解决的办法,跟大家分享一下```
- Android studio 安装中遇到一些问题的解决办法,分享一下
- 汇总一下今天和小伙伴们一起进行华为面试的一些问题
- Android学习笔记03-学习过程中碰到的一些问题及解决方法
- 前端学习 -- Css -- 高度坍塌问题的产生以及解决
- 分享一下Mysql常见的几个错误问题及解决方法
- 记录一下学习Android时遇到一些问题
- 与大家分享学钢琴会出现的一些问题及解决方法
- 学习 JpGraph心得以及一些常见问题解决
- VC学习中一些小问题的解决
- ME525+/defy+,不能充满电的问题终于找到了解决的方法,在这里和大家分享一下!!!希望能帮助到大家!!!