如何使用SystemJS加载d3.js?

时间:2015-09-06 17:36:48

标签: d3.js systemjs

如何使用SystemJS加载d3.js

我目前使用:

<html>
  <head>
    <!-- SystemJS -->
    <script src="jspm_packages/system.js"></script>
    <script src="config.js"></script>
    <script>
     System.import('d3.min.js').then(function(){  
       System.import('myJavascript.js')
     })
    </script>

这似乎有效。这是最合理的方式吗? 为此我在SystemJS文档中找不到任何帮助,所以我甚至不确定.then是等待导入的方法。什么可能是最好的方式,也适用于生产?

上面,我从我自己的服务器加载d3.min.js,但CDN方法也很有用..

谢谢!

1 个答案:

答案 0 :(得分:2)

如果您的myJavascript.js依赖d3,那么只需动态导入您的脚本并在您自己的脚本中添加d3

的index.html

<script>
  System.import('src/myD3App');
</script>

myD3App.js

import './d3.min.js';

我建议使用jspm(由Guy Bedford创建,与SystemJS相同)。但那只是个人意见。