ng6引用第三方JS和CSS文件

306 阅读1分钟

通过配置angular.json加载js文件

在angular.json(ng5为angular-cli.json)文件 scripts节点添加js文件路径

js文件

 "scripts": ["xxx.js", "yyy.js"]

css文件

"styles": ["src/styles.css"]

适用的场景有:

1.在项目中直接使用npm install xxx这种方式安装的js文件, 安装文件会放到node_modules目录,由npm统一管理.通过引用路径

"scripts": ["./node_modules/jquery/dist/jquery.js"]

2.本地的js文件通常会放到src/app/assets目录,引用这个目录的路径

"scripts": ["src/assets/my.js"]

页面调用

本地目录

import  my from 'src/assets/my.js'

npm安装

import * as $ from 'jquery'