cocos creator模块系统

代码多了，要组织代码的话，就需要使用模块系统了

常见的就两种esm, commonjs

1:cocos creator 中ts支持导入js文件吗?

是支持的，并且支持esm和common.js两种形式, 例子说明

// getName.js esm形式
function getName() {
    return 'honghong'
}
module.exports = getName 

// getName.js esm形式 
function getName() { 
    return 'honghong' 
}
export default getName 

// test.ts 
import * as getName from './getName'
//只能使用这种形式 
const {ccclass, property} = cc._decorator; 
@ccclass export default class NewClass extends cc.Component {
    @property(cc.Label) 
    label: cc.Label = null;
    start () { 
        this.label.string = getName() 
    }
}

// getName.js esm形式
exports.getName = function() {
    return 'honghong'
}
module.exports = getName 

// getName.js esm形式 
export function getName() { 
    return 'honghong' 
}

// test.ts 
import {getName} from './getName'
//只能使用这种形式 
const {ccclass, property} = cc._decorator; 
@ccclass export default class NewClass extends cc.Component {
    @property(cc.Label) 
    label: cc.Label = null;
    start () { 
        this.label.string = getName() 
    }
}

2:为什么建议不要用默认导出?

只能使用import * as getName from './getName'形式

或者 const getName = require('./getName)形式,否则会报错

为什么呢？

getName: [function(t, e, o) {
　　"use strict";
　　cc._RF.push(e, "b66a1LXyMVE2Zx7M80Prh6Y", "getName"),
　　o.__esModule = !0,
　　o.default = void 0;
　　o.default = function() {
　　　　return "honghong"
　　},
　　e.exports = o.default,
　　cc._RF.pop()
}

可见export default默认导出最后还是会被转化成命名导出。并且名字是关键字default