概述

autoxjs 是持续保护降级的Auto.js 我的项目,在原来我的项目的根底上,实现了如下性能:

  • [x] autoxjs 我的项目工程化:联合webpack vscode插件,开发、编译、打包、部署、混同、加密一体化 文档资料
  • [x] vscode 插件右键,主动提醒操作等下载地址
  • [x] vscode 主动补全、办法正文等, 文档资料
  • [x] 公布新版autoxjs 4.2.1 : 打包插件,运行apk、autox.js下载地址
  • [x] 建设论坛、提供交换社区,交换社区
  • [ ] 建设利用商店
  • [ ] 提供更好的sdk 封装

上面我次要对工程化、布局范化这块的环境搭建进行解说:

优酷视频解说

环境搭建

  1. 你须要装置 nodejs ,装置过程中请留神要 [ 将node增加PATH中 ] 和 装置 npm 这两个选项都要勾选上。(个别的前端工程师都有这个环节)
  2. 装置vscode 并装置 autoxjs开发插件即:Auto.js-VSCodeExt-Fixed 留神是0.3.11 或以上版本。 (ctr+ shift+p 抉择autojs 启动服务)
  3. 装置全局装置 webpack: npm i -g webpack webpack-cli --registry=https://registry.npm.taobao.org
  4. 下载本我的项目 或git clone 我的项目 git clone https://github.com/kkevsekk1/webpack-autojs.git
  5. cmd 到我的项目 , 运行命令,装置依赖
    npm install --registry=https://registry.npm.taobao.org
  6. 到这来基本上能够说 开发环境 就实现了,(你还要一部手装置 autoxjs),上面说 这我的项目的配置文件和开发的模式。

我的项目开发、编译、打包、部署介绍

  1. work 目录: 这就是咱们我的项目的总目录,即这外面每一个文件夹是一个autoxjs 我的项目。比方咱们 demo,demo1,dy 即为3个我的项目。
  2. scriptConfig.js 文件: 咱们要如何编译我的项目即在这个文件中配置,关上文件,有正文的能够依照正文改。
  3. header.txt 无关紧要的文件,外面的内容会一成不变的增加到 编译后的js代码头部
  4. 调整好下面 3处内容 就可用编译了咱们的我的项目了
  5. package.json 这个文件规定 看 第6-9行,有两个命令 start 和 build 别离对应开发环境和生成环境的编译,无需批改。只有晓得他们 别离对应 npm run start 和 npm run build 。
  6. 运行 npm run start 即开发环境,没每次批改代码,代码会主动编译,并且 scriptConfig.js 中的wath配置为'rerun'或'deploy' 那么代码将主动在手机中运行 或主动将从新编译的我的项目保留到手机中。
  7. dist目录: 运行下面编译命令( start或build),就有编译的后果,编译的后果就 dist目录中,这目录下每一个目录代表的就是一个编译后的autoxjs我的项目.编译后的目录的名称 能够配置一个前缀,以便和编译前的我的项目辨别(当他们都以我的项目模式保留手中的时候就很有必要)。

8. npm run start 这个

编译 dex

  1. 应用工具 的起源。我用这个工具来打包,不打算反复造轮子了
  2. 装置jre
  3. 装置 auto-cli npm i "@auto.pro/cli" -g
  4. 运行编译命令 auto-cli dex ./dist/demo/main.js
  5. 如果因为违心写个 webpapck 插件 ,来执行这里几个命令,实现自动化违心 pull 代码,我没打算对我的代码 编译为dex 再加固,所以没有能源实现这个插件!