LayaAir IDE
版本: 2.2.0 beta2
WebStorm IDE
版本: Build #WS-192.6817.13 或者 2019.09.24构建版本
由于习惯于在WebStorm IDE
开发,所以简单折腾了下如何在WebStorm
下直接编译和发布Laya
的项目,实现后可以不用打开Laya Air IDE
即可编译和发布Laya
项目。
第一步 安装layaair2-cmd模块和使用
在WebStorm IDE
内,打开终端(Alt + F12
),并输入安装指令:
npm install layaair2-cmd -g
安装结束后可以尝试在终端中使用命令:
layaair2-cmd compile
如果一切正常可以看到如下输出信息:
延伸阅读
Laya官方 layaair2-cmd node模块文档 Laya官方曾经推出过另外一个
node
下的cmd
模块layaair-cmd
,针对的是Laya Air 1.x
的版本,目前应该是没有在维护,目前layaair2-cmd
是有在更新和维护的。如果你的项目正在使用Laya Air 1.x
的版本,那么不妨使用layaair-cmd
Laya官方 layaair2-cmd node模块文档
Laya官方 layaair2-cmd 文档
第二步 安装copy-dir模块和使用
在WebStorm IDE
内,打开终端标签(Alt + F12
),并输入安装指令:
npm install copy-dir -D
安装结束后在项目目录新建node
文件目录,并在目录内新建compile.js
文件,如图:
打开
compile.js
并编辑文件如下:
// 引用'copy-dir'模块
const copydir = require('copy-dir');
// 拷贝js文件夹
copydir.sync('./bin/js/', './release/wxgame/js/');
console.log("Finished copy ./bin/js");
// 拷贝其他文件夹(根据项目需要)
// ...
保存compile.js
文件后,打开终端(Alt + F12
),并输入安装指令:
// 运行命令
node ./node/compile.js
//输出内容
//Finished copy ./bin/js
//Finished copy ./bin/modules
//...
延伸阅读
第三步 整合命令
打开项目根目录下的package.json
文件(如没有,需要在根目录处,右键
-新建package.json文件
),并在scripts
字段下新增compile
构建命令,如下:
{
"name": "My Project",
"version": "1.0.0",
"scripts": {
"compile": "layaair2-cmd compile && node ./node/compile.js"
},
"dependencies": {},
"devDependencies": {
"copy-dir": "^1.2.0"
}
}
"compile"
中,&&
符号为继发执行,即一个完成再执行下一个;&
符号则为并发执行,所有&
连接的命令并发执行
点击compile
左侧的运行图标(第一运行以后,可以使用Shift+F10
的组合快捷键快速运行指令):
最后,检查和验证项目是否编译成功,编译成功后,文件是否已经拷贝完成。
第四步 总结
用以上步骤编译和发布后的文件是编译后的原始文件,可以在开发期快速编译,而无需在WebStorm IDE
和Laya Air IDE
之间不断切换。(以上步骤实现的编译和发布,文件压缩和资源版本管理未实现,后续有空再做补充,如确实需要的,可以自己摸索尝试加入文件压缩和资源版本管理)
延伸阅读