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