当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()
    });
})

avalon

破裂的人偶 9 years, 6 months ago

好像avalon自带amd加载器,而且还自带text!和css!这两个加载器插件

TripleK answered 9 years, 6 months ago

Your Answer