Ionic framework 如何在Ionic 4中导入自定义css和js

我在爱奥尼亚为我的应用程序使用自定义主题。但它除了bootstrap之外还有一些css和javascript依赖项。 你能帮助我如何将这些库导入我的应用程序吗？

---

关于

如果您试图将引导导入到项目中，听起来您可能缺少一些角度使用理论

它使用一组特定的类，它们与Angular/Ionic不兼容

爱奥尼亚将为您提供一套跨设备的基线样式，因此您应该真正与爱奥尼亚合作，以构建他们的样式，而不是尝试与其他系统进行斗争

但是，要回答您的问题：

导入CSS 您可以在导入的软件包中编辑app.scs和参考文件，如下所示：

@import '~@swimlane/ngx-datatable/release/assets/icons';

注意开头的

~

，然后是包名，然后是文件路径。您不需要将.css或.scs放在末尾，但如果愿意，您可以这样做

导入JS 我不确定这样做的最佳方式，但您可以通过编辑

index.html

将脚本包含在

标记中

但这并不是真正要做的事情，听起来你好像误解了角度/离子的工作方式

---

它基于构建web组件，您可以让Angular管理实际的实时html。您编写的代码是TypeScript，它可以与设置数据模型的各种API交互，然后让Angular生成实际的脚本。

如果您试图将引导导入到项目中，听起来您可能缺少一些Angular使用理论

它使用一组特定的类，它们与Angular/Ionic不兼容

爱奥尼亚将为您提供一套跨设备的基线样式，因此您应该真正与爱奥尼亚合作，以构建他们的样式，而不是尝试与其他系统进行斗争

但是，要回答您的问题：

导入CSS 您可以在导入的软件包中编辑app.scs和参考文件，如下所示：

@import '~@swimlane/ngx-datatable/release/assets/icons';

注意开头的

~

，然后是包名，然后是文件路径。您不需要将.css或.scs放在末尾，但如果愿意，您可以这样做

导入JS 我不确定这样做的最佳方式，但您可以通过编辑

index.html

将脚本包含在

标记中

但这并不是真正要做的事情，听起来你好像误解了角度/离子的工作方式

---

它基于构建web组件，您可以让Angular管理实际的实时html。您编写的代码是TypeScript，它可以与设置数据模型的各种API交互，然后让Angular生成实际的脚本。

有一个用于加载异步JavaScript文件的库

安装软件包：

npm i scriptjs

然后在任何地方使用它，如下所示：

import { get } from 'scriptjs';

ngOnInit() {

    get("assets/js/searchEmp.js", () => {
        getSerchInspContext = this;
        loadSearchEmp();
    });}`

或

您可以简单地使用jquery方法在头中追加或删除脚本标记

要添加.js文件，请在ngOnInit（）下的下面一行调用：

---

有一个用于加载异步JavaScript文件的库

安装软件包：

npm i scriptjs

然后在任何地方使用它，如下所示：

import { get } from 'scriptjs';

ngOnInit() {

    get("assets/js/searchEmp.js", () => {
        getSerchInspContext = this;
        loadSearchEmp();
    });}`

或

您可以简单地使用jquery方法在头中追加或删除脚本标记

要添加.js文件，请在ngOnInit（）下的下面一行调用：

---

嗨，首先谢谢你的回复。我解决了index.html和angular.json页面上的css导入问题。但我仍然无法解决js导入问题。当项目在chrome上运行时，Ionic没有显示任何错误，但是js库的功能不工作。首先感谢您的回复。我解决了index.html和angular.json页面上的css导入问题。但我仍然无法解决js导入问题。当project在chrome上运行时，Ionic不会显示任何错误，但js库的函数不起作用