如何在MEAN JS app中使用外部JS库

时间:2015-07-09 15:15:37

标签: mean-stack

我正在使用MEAN JS构建一个webapp。我需要使用TypedJS来提供文本动画。如何使用这个js库。我尝试将typed.min.js添加到Config-> ENV-> all.js文件中。但它没有用。

1 个答案:

答案 0 :(得分:2)

你真正需要的是。

  1. 将typed.js添加到bower.json中,如下所示

      "dependencies": {
            "bootstrap": "~3",
            "angular": "~1.2",
            "angular-resource": "~1.2",
            "angular-mocks": "~1.2",
            "angular-cookies": "~1.2",
            "angular-animate": "~1.2",
            "angular-touch": "~1.2",
            "angular-sanitize": "~1.2",
            "angular-bootstrap": "~0.11.2",
            "angular-ui-utils": "~0.1.1",
            "angular-ui-router": "~0.2.11",
            "typed.js": "latest"
        }
    
  2. 运行bower install以安装dpendencies
  3. 在all.js中添加typed.js和jquery

    js: [
    'public/lib/jquery/dist/jquery.min.js',
    'public/lib/typed.js/dist/typed.min.js',
    'public/lib/angular/angular.js',
    'public/lib/angular-resource/angular-resource.js', 
    'public/lib/angular-cookies/angular-cookies.js', 
    'public/lib/angular-animate/angular-animate.js', 
    'public/lib/angular-touch/angular-touch.js', 
    'public/lib/angular-sanitize/angular-sanitize.js', 
    'public/lib/angular-ui-router/release/angular-ui-router.js',
    'public/lib/angular-ui-utils/ui-utils.js',
    'public/lib/angular-bootstrap/ui-bootstrap-tpls.js'
    ]
    
  4. jquery已经安装但需要添加all.js。

    实际上这对我有用。