Angular项目中引入jQuery

最新推荐文章于 2024-03-28 16:46:24 发布

weixin_30855099

最新推荐文章于 2024-03-28 16:46:24 发布

阅读量247

点赞数

CC 4.0 BY-SA版权

文章标签： javascript json ViewUI

原文链接：http://www.cnblogs.com/viola-sh/p/9766233.html

本文介绍如何使用npminstall命令安装jQuery及其类型定义，并演示了在项目中通过Angular CLI配置全局引入jQuery的方法，避免了在每个组件中重复引入。

npm install --save jquery

npm install @types/jquery --save

在对应的组件中引入

import * as $ from "jquery";

在整个项目中一次声明，不用重复引入的方式：

.angular-cli.json文件中添加

{
  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
  "project": {
    "name": "map"
  },
  "apps": [
    {
     ...
      "styles": [
       ...
      ],
      "scripts": [
        "../node_modules/jquery/dist/jquery.js",
       ...
      ],
      ...
    }
  ],
}

转载于:https://www.cnblogs.com/viola-sh/p/9766233.html