用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的模块都已经定义死模块名了,不好自定义,应该怎么修改呢?折腾一天了..

阅读 26.8k
1 个回答

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

packages: [
    {
        name: 'echarts',
        location: 'echarts',
        main: 'echarts'
    }
]
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题