System.import来自JavaScript或特定于angular 2

时间:2017-10-30 05:53:19

标签: angular

我正在查看Hello World快速启动角度2应用程序,如下所示。

问题

在Hello World快速启动角度2应用程序中,System.import是JavaScript语句/构造还是特定于角度2的函数?

如果它是JavaScript的一部分,那么它不需要特殊的库来工作,否则它需要一些特殊的库。我很好奇图书馆提供的这项功能。

Hello World angualr 2应用代码

<!DOCTYPE html>
<html>
  <head>
    <title>Angular QuickStart</title>
    <base href="/">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="/src/styles.css">

    <!-- Polyfill(s) for older browsers -->
    <script src="node_modules/core-js/client/shim.min.js"></script>

    <script src="node_modules/zone.js/dist/zone.js"></script>
    <script src="node_modules/systemjs/dist/system.src.js"></script>

    <script src="/src/systemjs.config.js"></script>
    <script>
      System.import('/src/main.js').catch(function(err){ console.error(err); });
    </script>
  </head>

  <body>
    <my-app>Loading AppComponent content here ...</my-app>
  </body>
</html>

1 个答案:

答案 0 :(得分:3)

System.import()首先考虑建议成为动态加载ESM模块的本机API。因此,它被SystemJS和Webpack采用,并用于在运行时动态加载模块。但是,最终规范和实现在浏览器中定义了import() API(已由Chrome实施)。 Webpack的最新v3.x已弃用System.import(),现在可识别import()。 SystemJS也已弃用System.import,现在可识别SystemJS.import()。如果quick start angular 2 app System.import()SystemJS的旧API。