【LayaAirIDE 1.8.2】使用Rollup打包js ，报错 ui is not defined，附带必现问题 DEMO

唐家灬三少

我使用的是 LayaAirIDE 1.8.2 ,使用Rollup 打包js
配置如下

刚才由于DEMO太大，上传不了，现在我重新传了一次，DEMO目录我把 bin目录去掉了，还有node_modules 模块也去掉了，麻烦你们查看DEEMO的时候，使用 npm install 安装下 node_modules

我这边想做的就是，目前的想法就是利用 LayaIDE 编译ts为js ,然后用 rollup来打包 bin目录下的js文件，由于我目前项目使用LayaIDE来打包满足不了项目需求，所以我就是单独想拿 rollup来打包文件，我之前已经把 webPack ,gulp , rollup各种都试了一遍，都是报上面的错误，一直找不到 ui is not defined, 然后我又去下载最新的 LayaIDE2.6,看他用的是rollup ,我这边才最后使用这个.麻烦各位帮我看看,实在不知道该怎么修改了

附件：
testWebpack.zip

testWebpack.zip

陆仁毅

1. rollup是用来打包es模块的。
2. 1.0IDE编译后是用index.html串联的项目，所以引用顺序和依赖没有问题，你直接用rollup input "**/*.*"，他又不知道js的引用和依赖顺序，所以打包时就是按照文件夹和目录中的顺序打包。而且rollup打包module会比较奇特的修改module名 ui->ui$1不知道原理。
解决方案：手动配置input数组，编译之后再手改下js。更推荐webpack或者Browserify打包

[
'./bin/js/ui/layaUI.max.all.js',
'./bin/js/LayaUISample.js'
]

唐家灬三少

陆仁毅好的，非常感谢你的回复，但是我这边还是有疑问，我这边最开始就是使用webPack来打包，但是还是会出现ui not defined 这个问题，由于我不太懂web前端的东西，麻烦你在帮我看下，我在上传一次webPack的配置，你帮我在看看呢，多谢，附件我发在下面

唐家灬三少

@陆仁毅，麻烦你在帮我看看呢，我还原回我以前的 webPack的配置，还是会出现ui not defined ,这个问题，是我 entry 这个入口文件，必须手动按照 index.html的顺序来配置数组吗？我这边不太清除这个，或者有没有更好的建议，我这边的想做的就是很简单的，一次性打包出 3个不同目录的 bundle.js文件，因为 IDE1.8.2每次时全部合在一起，我这边是想把他拆分一下，比如 bundle_hall.js, bunle_game.js打包出两个，我这边用 IDE.1.8.2来手动指定然后打包是没问题，但是就是太麻烦，太不流畅了，太费时间了

陆仁毅

唐家灬三少那可能要你自己去研究了，**/*.js这样的规则去打包的话他肯定是按照文件查找顺序去打包的，1.0编译出来的js没办法进行树监测，只能自己去保障引用顺序，在没有引用关系的这种js代码分包可不是想象那么简单，不过index.html里会自动生成引用顺序，可以作为参考。如果你自己的项目分层明显的话可以去看看ts的 Project References。

唐家灬三少

唐家灬三少额，好吧，多谢了，那我在去看看还有啥办法没

唐家灬三少

唐家灬三少哈哈，大佬，我这边终于搞定了，我放弃了之前的想法，使用你们提供的 tsSort.js 这个工具类，我直接在这个里面来提取需要拆分的代码，然后在使用IDE的发布来发布就可以了，只是目前还是比较麻烦，我要拆分2个包出来，就要发布两次，不过，比我们以前的处理好多了，终于不在人为的去整个 index.html 里人为的去拆分不同的代码出来。这个东西我纠结了一周了，一直在想用第三方的打包工具来实现，然后自己又不懂 web 前端的东西，各种 Google 查找资料，最后才发现还是不行。还是多谢大佬提点