当avalonUI成为项目的一部分,项目又必须使用require,avalonUI的模块引用就会报错。
目录结构
file里面是avalonUI的组件
不管是去除amd,或者不去除amd,都是导致avalon.datepicker.js的依赖报错。
就算把avalon.datepicker.js源码中的路径修改过后,发现多了text.js和css.js这两个不知道那里来的依赖。
将全部路径都修改感觉有点不太现实,如果用要使用的别的UI控件怎么办?
datepicker/index.html代码
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>datepicker</title>
<script data-main="../../main/datepicker" defer async="true" type="text/javascript" src="../../bower_components/requirejs/require.js"></script>
</head>
<body>
<div ms-controller="demo">
<input ms-widget="datepicker"/>
<div ms-text="name"></div>
</div>
</body>
</html>
main/datepicker.js代码
require.config({
paths:{
'avalon':'../bower_components/avalon/avalon.shim',
'datepickers':'../file/datepicker/avalon.datepicker'
}
})
require(['../demo/datepicker/app/datepicker_demo'],function(){
})
demo/app/datepicker.js代码
define(['avalon','datepickers'],function(){
avalon.ready(function(){
avalon.define({
$id : 'demo',
name:'zhoujingwen'
})
avalon.scan()
});
})
破裂的人偶
9 years, 6 months ago