代码之家 › 专栏 › 技术社区 › Ronaldo Lanhellas

了解导入JS和CSS文件的角度方式

angular

0

Ronaldo Lanhellas · 技术社区 · 6 年前

我只是从角度开始,有些概念对我来说非常模糊:

为什么我需要安装jquery( npm install jquery )从内部导入 angular.json 文件如果我能下载 jquery.js 直接来自 https://jquery.com/ 并添加到 assets 文件夹和添加到之后 贾森 是吗?
关于 贾森 样式和脚本标记在Angular文档中有以下内容:

您要添加的任何CSS文件都不会引用直接导入模块,以及不导入的任何javascript文件到您的typescript文件中

所以,如果我需要在 car.component.html 我不应该把这个CSS放进去 贾森 ?如果我需要在typescript类中使用jquery,比如( car.service.ts )我不应该把它放进去 贾森 也是吗?我看到了很多在中添加jquery的教程 贾森 在typescript服务类中导入之后。
据我所知,Angular的工作只是将模块、指令、typescript等所有角度的内容转换为HTML+javascript单页。当我查看dist文件夹时,我会这样想,我应该只看到html+javascript,没有角度的东西。但是看看里面 index.html 在我看到的dist文件夹中 <app-root> 对我来说,这是一些有棱角的东西,应该翻译成HTML代码,不是吗?
完成,看 索引文件 在dist文件夹中,我看不到 JQuel.js , bootstrap.js 和插入的其他javascript 贾森 文件,但一切正常。是否将在运行时插入此文件?

1 回复 | 直到 6 年前

1

0

treecon 6 年前

1)您可以通过这两种方式进行安装,但是,通过NPM安装软件包是一个很好的实践,因为它将安装任何附加的依赖项。此外,通过仅使用命令的NPM安装/更新似乎比手动下载库更实际。

2)您应该在 car.component.css 样式表。无需将CSS添加到 angular.json 因为您不希望它在全局应用,而是在组件内部应用。

3)你的理解是正确的!但是,请记住,您可以在HTML中创建任何自定义标记。 <app-root> 实际上是一个自定义的HTML标记,而不是一个有棱角的东西。

4)这些JS库在构建时插入到主JS文件中。尝试搜索它们( ctrl + f )在经过修改的JS文件中获取这个想法。