Laya经验杂谈：Laya项目在WebStorm编译和发布

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

打开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
//...

​ 延伸阅读

​ copy-dir 文档

第三步 整合命令

打开项目根目录下的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的组合快捷键快速运行指令）：

运行compile命令

最后，检查和验证项目是否编译成功，编译成功后，文件是否已经拷贝完成。

第四步 总结

用以上步骤编译和发布后的文件是编译后的原始文件，可以在开发期快速编译，而无需在WebStorm IDE和Laya Air IDE之间不断切换。（以上步骤实现的编译和发布，文件压缩和资源版本管理未实现，后续有空再做补充，如确实需要的，可以自己摸索尝试加入文件压缩和资源版本管理）

​ 延伸阅读

​ WebStorm 常用快捷键