Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/27.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular2.4如何将外部库以下划线形式加载到Angular2中。_Angular_Webpack_External_Systemjs - Fatal编程技术网

Angular2.4如何将外部库以下划线形式加载到Angular2中。

Angular2.4如何将外部库以下划线形式加载到Angular2中。,angular,webpack,external,systemjs,Angular,Webpack,External,Systemjs,我使用angular cli创建了一个应用程序,需要导入外部库,如下划线。我是angular 2.4的新手,以前从未使用过SystemJS或Webpack。有人可以给我一个如何加载到我的angular 2.4项目下划线一步一步的guid 链接到github,其中包含一个使用带有下划线的angular cli“最新版本”创建的项目,这会让我非常高兴。阅读代码很好;) ----下面就是让我感到困惑的原因------ 从我的研究中,我发现了两种加载模块的替代方案 SystemJS-大多数文件都记录在a

我使用angular cli创建了一个应用程序,需要导入外部库,如下划线。我是angular 2.4的新手,以前从未使用过SystemJS或Webpack。有人可以给我一个如何加载到我的angular 2.4项目下划线一步一步的guid

链接到github,其中包含一个使用带有下划线的angular cli“最新版本”创建的项目,这会让我非常高兴。阅读代码很好;)

----下面就是让我感到困惑的原因------

从我的研究中,我发现了两种加载模块的替代方案

  • SystemJS-大多数文件都记录在angular.io中
  • Webpack-是angular cli使用的 哪一个最好用

    //package.json
    “名称”:“角度”,
    “版本”:“0.0.0”,
    “许可证”:“麻省理工学院”,
    “角cli”:{},
    “脚本”:{
    “ng”:“ng”,
    “开始”:“ng发球”,
    “测试”:“ng测试”,
    “pree2e”:“webdriver管理器更新--独立错误--gecko错误”,
    “e2e”:“量角器”
    }
    

    cli在脚本标记中创建对“ng serve”的引用。我应该删除该行并用webpack替换它吗


    。。。如果是的话。我是否必须设置所有已完成的设置以及我的设置,还是您只需将我的设置添加到顶部更简单?

    只需运行
    npm安装--保存下划线@types/下划线
    只需运行
    npm安装--使用以下命令保存下划线@types/下划线
    :For
    angular CLI

    npm install underscore --save // save to dependencies: required to run
    npm install @types/underscore --save-dev // save to dev dependencies: required in dev mode
    
    在组件中:

    import * as _ from 'underscore';
    
    let rs = _.map([1, 2, 3], function(num){ return num * 3; });
    console.log(rs);
    

    使用以下命令:For
    Angular CLI

    npm install underscore --save // save to dependencies: required to run
    npm install @types/underscore --save-dev // save to dev dependencies: required in dev mode
    
    在组件中:

    import * as _ from 'underscore';
    
    let rs = _.map([1, 2, 3], function(num){ return num * 3; });
    console.log(rs);
    

    要使用下划线,需要导入类型,以便typescript编译器了解它

    npm install --save underscore @types/underscore 
    
    第二,从下划线1.6开始:

    下划线现在为AMD(Require.js)、Bower和 组件,以及作为CommonJS模块和常规 (Java)脚本。丑陋,但也许是必要的

    因此,您需要使用与AMD或CommonJS兼容的模块加载器。SystemJS几乎可以加载任何格式,因此您可以在tsconfig文件中使用SystemJS和目标“commonjs”

    确保将映射包含在systemjs.config.js中(不要包含index.html中的脚本):


    要使用下划线,需要导入类型,以便typescript编译器了解它

    npm install --save underscore @types/underscore 
    
    第二,从下划线1.6开始:

    下划线现在为AMD(Require.js)、Bower和 组件,以及作为CommonJS模块和常规 (Java)脚本。丑陋,但也许是必要的

    因此,您需要使用与AMD或CommonJS兼容的模块加载器。SystemJS几乎可以加载任何格式,因此您可以在tsconfig文件中使用SystemJS和目标“commonjs”

    确保将映射包含在systemjs.config.js中(不要包含index.html中的脚本):


    提供要运行的命令时,请确保解释该命令的作用。大多数阅读本文的人都会理解基本知识(即了解
    npm安装--save
    安装内容),但
    @types/下划线
    相对较少,因此应该加以解释。在提供要运行的命令时,请确保解释该命令的作用。大多数阅读本文的人都会理解基础知识(即了解
    npm安装--save
    安装内容),但
    @types/下划线
    相对较少,因此应该加以解释。