开箱即用的auto.pro的npm扩展包,主要有webpack、babel、ts、完整es6、压缩混淆、webview的配置,让你轻松开发复杂auto应用。
cli预置了一些项目模板,含有webpack、babel、ts等工具,能帮助您快速创建复杂功能的应用。请确保你已经安装了node.js。
npm i -g "@auto.pro/cli"
cli安装完毕后,将有一个可用的系统命令auto-cli,执行auto-cli -h可查看简单说明。
执行以下命令,即可根据选项在当前目录下创建一个project-name项目
auto-cli create project-name
- 无
预置了webpack的基础项目模板 - html
预置了webpack、html(webview)的项目模板,Pro 7.0.4-0及之前、8.0.3可用。 - android
预置了webpack、auto UI示例,查看说明。
使用vscode打开刚才创建的项目,执行以下命令使用淘宝源进行安装
npm i --registry=https://registry.npm.taobao.org
安装完毕后,src目录就是我们写逻辑代码的地方了,src内的文件可直接无缝使用main.js里的变量,且可直接加载npm包。
由于webpack无法直接使用xml格式,因此无法在src内直接写UI。折衷的办法有以下几种:
- 将UI部分写在
main.js里。 src内通过files.read读取外部xml文件。- 用`符号包起xml格式代码,示例可在android模板找到。
src内是源码,不适合直接发布成项目,应将其编译成dist/app.js文件,并让main.js引入(模板已经默认引用了这个文件)。
以下两个命令可以进行编译:
npm run build进行一次编译npm start实时监听src目录内的文件并更新最终编译产物。
auto.pro截至目前(v8.0.2),在运行和保存项目时会扫描所有文件(哪怕已经通过ignore忽略了),node_modules又含有大量文件,因此项目的测试运行和保存会比较耗时。
有任何疑问、意见或建议,欢迎直接联系本人QQ(258457708)或提issue。(^_^)
- 关于混淆 默认配置已经够用,如果不希望出现字符串明文,可以将
webpack.config.js里注释的unicodeEscapeSequence设为true来开启。
MIT