[LayaAir 2.0]webstorm能编译ts代码到bundle.js 里面吗

我目前找到了一个解决办法  文章地址  
 
Layabox2.3.0如何配置代码编辑器(WebStorm2019)
 

博客地址 

http://blog.asroads.com/

下面是简单的教程
先自己全局 安装  npm 
然后安装 gulp、tbrowserify、vinyl-source-stream、ttsify
我的npm路径是 ："/usr/local/lib/node_modules/"

然后 我们 在 .laya 文件夹下 找到 compile.js 然我们自己在这个目录下 新建一个 文件 名字是 ”gulpfile.js“ 我们把 compile.js 内容 复制到 新建的文件里 下面是我修改后的文件

// v1.0.0

//是否使用IDE自带的node环境和插件，设置false后，则使用自己环境(使用命令行方式执行)

let useIDENode = process.argv[0].indexOf("LayaAir") > -1 ? true : false;

//获取Node插件和工作路径

let ideModuleDir = useIDENode ? process.argv[1].replace("gulp\\bin\\gulp.js", "").replace("gulp/bin/gulp.js", "") : "";

let workSpaceDir = useIDENode ? process.argv[2].replace("--gulpfile=", "").replace("\\.laya\\compile.js", "").replace("/.laya/compile.js", "") : "./../";



//引用插件模块

ideModuleDir = "/Applications/LayaAirIDE 2.app/Contents/Resources/app/node_modules/";

workSpaceDir = "/test/layademos/fathero";

let gulp = require(ideModuleDir + "gulp");

let browserify = require("/usr/local/lib/node_modules/" + "browserify");

let source = require("/usr/local/lib/node_modules/" + "vinyl-source-stream");

let tsify = require("/usr/local/lib/node_modules/" + "tsify");



// 如果是发布时调用编译功能，增加prevTasks

let prevTasks = "";

if (global.publish) {

    prevTasks = ["loadConfig"];

}

console.log("jsroads------prevTasks:" + JSON.stringify(prevTasks));

//使用browserify，转换ts到js，并输出到bin/js目录

gulp.task("compile", "", function () {

    // 发布时调用编译功能，判断是否点击了编译选项

    if (global.publish && !global.config.compile) {

        return;

    } else if (global.publish && global.config.compile) {

        // 发布时调用编译，workSpaceDir使用publish.js里的变量

        workSpaceDir = global.workSpaceDir;

    }

    return browserify({

        basedir: workSpaceDir,

        //是否开启调试，开启后会生成jsmap，方便调试ts源码，但会影响编译速度

        debug: true,

        entries: ['src/Main.ts'],

        cache: {},

        packageCache: {}

    })

    //使用tsify插件编译ts

        .plugin(tsify)

        .bundle()

        //使用source把输出文件命名为bundle.js

        .pipe(source('bundle.js'))

        //把bundle.js复制到bin/js目录

        .pipe(gulp.dest(workSpaceDir + "/bin/js"));

});

我们安装 gulp 在webstorm 上面运行的方法 运行 然后 自己去 ts 文件下 修改一行代码  此时 我们编译后 发下 可以顺利编译！ 问题已经解决  稍后我自己会写一篇博客 细聊 大家先用着

http://blog.asroads.com/