weex-toolkit打包

需要2.15.1及以上的npm支持

运行终端,查看版本

npm --version

如果版本低于2.15.1,需要更新

sudo npm install -g npm

安装weex-toolkit

npm install -g weex-toolkit

weex命令使用方法

weex foo/bar/we_file_or_dir_path  [options]
weex init

Options:
  --qr     display QR code for native runtime,
  -o,--output  transform weex we file to JS Bundle, output path (single JS bundle file or dir)
           [for create sub cmd] it specified we file output path
  --watch  using with -o , watch input path , auto run transform if change
           happen
  -s,--server  start a http file server, weex .we file will be transforme to JS bundle on the server , specify local root path using the option
  -h, --host  specify server listening  IP
  --port   http listening port number ,default is 8081
  --wsport websocket listening port number ,default is 8082
  -f, --force   [for create sub cmd] force to replace exsisting file(s)
  --np     do not open preview browser automatic
  --version show version of weex toolkit
  --help   Show help

示例

1.预览.we文件内容

weex your_best_weex.we

2.转换单个js包

weex your_best_weex.we -o .

3.转换.we目录为.js目录

weex we/file/storage/path -o outputpath

4.在官方示例中看自己的测试

weex your_best_weex.we --qr

5.启动本地服务

weex -s .
时间: 2024-10-06 12:41:29

weex-toolkit打包的相关文章

Weex 快速上手教程

我们将使用Weex编写一个简单的列表 , 类似的列表经常能在电商类移动应用中见到. 开始 我们先编写一个列表项. 请创建一个名为 tech_list.we 的文件(  .we 是Weex推荐的后缀名 ) ,请复制粘贴以上代码于其中. 因为Weex工具链使用Node.js构建,在进行后续步骤前,你需要先安装 Node.js(https://nodejs.org/en/download/stable/ ), 在Node.js安装成功后,你可以执行下面的命令来安装Weex命令行程序  Weex Too

0前端 框架 库_千万别去碰js呀 混合APP_webAPP_美工 选有类型的语言,比如TypeScript

component 组件 成分; 零件; [数]要素; 组分; Angular2怎么使用第三方的component库(如 jquery,easyUI ,Bootstrap 等) PWA  增强web app helloWorld跑起来了,之前失败是因为Chrome服务器插件要FQ才能下载 https://developers.google.cn/web/fundamentals/getting-started/codelabs/your-first-pwapp/ 安装谷歌插件 web-serve

Citrix XenMobile 10.x灾难恢复架构设计

移动设备快速地改变传统工作模式,让员工自己携带设备(BYOD)成为势不可挡的新兴潮流,但是就IT管理而言,在安全控管方面却是一项新挑战.Citrix推出从桌面到移动设备的Citrix XenMobile解决方案,并成为该领域的领导者之一. 随着每一种解决方案的发展和成熟,都需要有相应的针对大规模部署和灾难恢复等的解决方案架构出现,或着说在产品设计之初就应该考虑到灾难恢复的场景.本文从XenMobile 10.x的产品版本出发,使用Citrix另外一块产品NetScaler来集成架构和设计基于Xe

Vue packages version conflicts 错误修复

我们在使用Vue作为weex中的前端框架的开发过程中,某次 npm start 遇到了如下的错误: Vue packages version mismatch: - [email protected] - [email protected] This may cause things to work incorrectly. Make sure to use the same version for both. If you are using [email protected]>=10.0,

Vue.js 源码目录设计

Vue.js 的源码都在 src 目录下,其目录结构如下. src ├── compiler # 编译相关 ├── core # 核心代码 ├── platforms # 不同平台的支持 ├── server # 服务端渲染 ├── sfc # .vue 文件解析 ├── shared # 共享代码 compiler compiler 目录包含 Vue.js 所有编译相关的代码.它包括把模板解析成 ast 语法树,ast 语法树优化,代码生成等功能. 编译的工作可以在构建时做(借助 webpac

weex 项目开发 weexpack 项目 打包、签名、发布

一. weexpack build android  和  weexpack run android 的 区别. (1)单纯打包 weexpack build android (2)打包并运行 weexpack run android 注:执行时,发现两者都是调起了浏览器 二.不同平台的打包 html5平台: (1)打包html5平台 weexpack build web 这样你可以把打包后的资源上传到cdn服务器,然后上线你的web项目. (2)在 html5 平台运行 weexpack ru

weex 打包apk

安装 weexpack weexpack create my-project    //创建项目 cd my-project cnpm install //安装依赖 npm start //运行项目 weexpack platform add ios // 安装应用模板 生成 ios项目    执行完之后再platforms文件下生成 ios文件夹 weexpack platform add android //安装应用模板 生成android项目   执行之后在platform文件夹下生成an

WEEX打包流程

WEEX SDK集成到工程(Integrate to Android) # https://github.com/weexteam/article/issues/25

weex打包apk TimePicker调整成Holo的样式

weex 默认的样式是android2.3的,可丑了... 搜索一把以后找到解决方案,如下: 找到AndroidManifest.xml ,修改activity的 theme属性. 这个是原来的: <activity android:name=".WXPageActivity" android:label="@string/app_name" android:screenOrientation="portrait" android:them