加载多JS规范

创建文件

除main.js文件外，还可以创建多个js文件。

例如，可以创建sub1.js文件。

(function(){
return{
init(option){
}
}
})

除main.js外的其他js，不需要钩子函数。可以直接在function 中添加要处理的逻辑代码。

但如果该函数包含很多其他功能，需要在不通时机下调用。那么我们同样可以return 一个对象，把需要对外公开的方法return出去。

所以上例中，我们返回了一个init方法。

将这个文件保存在scripts目录下。

在config.json中配置

需要在config.json中的develop节点下的scripts中配置。

{
"develop":{
"html":"index.html",
"css":["./styles/sub1.css","./styles/sub2.css"],
"entry":"./scripts/main.js",
"scripts":{
"sub":"./scripts/sub.js"
}
}
}

示例中的sub.js在scripts目录下，这里需要按照相对路径配置。 同时将js文件名作为key值。

main.js中如何调用

在main.js中，可以在最外层函数的参数options中获取，其他js的引用。

(function(options){
let sub=options['sub']();
return {
onInit(properties){
sub.init("要传递的内容")
},
onDestroy(){
console.log('销毁')
},
setData(value){
}
}
})

示例中展示了如何获取sub的引用，以及如何调用sub.js中的方法。

Edit this page