2015年8月21日星期五

2015年8月13日星期四

webpack的babel-loader支持Object.assign

需要
npm install babel-runtime --save
然后
        loaders: [{ test: /\.js$/, exclude: /node_modules/, loader: 'babel-loader?optional[]=runtime'}]

这里得追加上
optional[]=runtime'

https://github.com/babel/babel-loader
http://babeljs.io/docs/usage/options/
http://babeljs.io/docs/usage/runtime/

less的@import

不像c语言的include,没找到官方文档,明确如何找文件的,感觉上是

相对路径,关键得弄清楚相对谁,谁为base
1。以使用@import的文件所在base,开始找。找不到的情况下,进入下一条
2。如果lessc命令指定了
lessc --include-path=PATH1;PATH2
或者http://lesscss.org/features/
{ paths: ['PATH1', 'PATH2']  }
就以这些目录为base进行查找,找不到进入下一条  

3。以执行node命令时当前目录为base开始找,找不到也就报错咯。



2015年8月11日星期二

ionic

1。安装好jdk,android sdk,xcode。
下载http://dl.google.com/android/android-sdk_r24.3.3-macosx.zip,解压后,里面有一个SDK Readme.txt,里面写着执行tools/android upate sdk --no-ui,就会自动安装一堆,包括很老版本的sdk。如果要选择性按照,就去掉--no-ui。安装后,设置.bash_profile
export LANG=ja_JP.UTF-8
export ANDROID_HOME=/Users/jacky/Downloads/android-sdk-macosx
export PATH=$ANDROID_HOME/platform-tools:$ANDROID_HOME/tools:$PATH
安装xcode就没啥好写的了。

2。按照nodejs相关的东西,我是用nodebrew,的确好用。

3。安装ionic和相关
npm install -g cordova ionic ios-sim
 
4。建立程序,并跑一下
ionic start myApp tabs
cd myApp
ionic platform add ios(android)
ionic build ios(android)
ionic emulate ios(android)
直接编译并运行 ionic run ios(android)
 
ionic的一些命令行
ionic lib update 更新ionic js的库
ionic serve --lab 在网页查看
https://github.com/driftyco/ionic-cli
http://ionicframework.com/docs/cli/
 
ionic下的各个文件和目录的作用,熟悉angular开发的话,应该就不是问题了。  目前还是用WebStorm来做的编辑。

ionic官方用来建立程序的项目太过简单,了sccs以为其他都要自己安装,太繁琐,我找了一下generator,发现有两个用的比较多,一个generator-ionic,内容充实但是用的是grunt,我一直用 gulp,一个generator-ionic-gulp看起来和目前写angular web非常一样,编译后的东西再写往ionic的www目录,所以我决定用
generator-ionic-gulp来生成项目。步骤很简单,照着git做就可以了,但最后却跑不到模拟器上(报出错8100端口网络错误),只得放弃,回退到generator-ionic。

debug
http://www.smashingmagazine.com/2014/09/testing-mobile-emulators-simulators-remote-debugging/2/