用require.js加载echarts出现问题


路径是这样:
图片描述

t2.html:


 <!DOCTYPE html>
<head>
    <meta charset="utf-8">
    <title>d</title>
    <style type="text/css">
        html, body {
            padding: 0;
            margin: 0;
        }
    </style>
</head>
<body>
<div id="main" style="width:100px;height:100px;margin:100px;"></div>
<script data-main="./js/main.js" src="./js/require.js"></script>
</body>

main.js:


 require.config({
    baseUrl: "./js",
    paths: {
        echarts: 'echarts/echarts'
    }
});

require(['echarts', 'echarts/chart/pie'], function (es) {
    console.log(es);
});

重点在整这里:
上面这样写,requirejs会自动去调用chart文件夹下的pie模块,但是调用的路径是./js/echarts/echarts/chart/pie,多了一个echarts。。。经过反复测试应该是 require(['echarts', 'echarts/chart/pie'] 这里的echarts被上面paths里面定义的echarts替换了(requirejs的默认行为?)。

echarts的模块都已经定义死模块名了,不好自定义,应该怎么修改呢?折腾一天了..

echarts requirejs

jockey 9 years, 10 months ago

使用packages定义,不过echarts想用requirejs只能用src下的代码,合并压缩的是没法直接使用的。
详见官方文档: http://echarts.baidu.com/doc/doc.html# 引入ECharts


 packages: [
    {
        name: 'echarts',
        location: 'echarts',
        main: 'echarts'
    }
]

茶姬上的杯具 answered 9 years, 10 months ago

Your Answer