javascript - Angular 将 Javascript 文件导入一个 Javascript 文件

Question

在 Angular 8 中，我将 bootstrap css 文件导入到我的 styles.css 文件中，如下所示:

/* You can add global styles to this file, and also import other style files */
@import "~bootstrap/dist/css/bootstrap.min.css";
@import "~font-awesome/css/font-awesome.min.css";

但是我有一个名为 main.js 的 js 文件，我想对 js 依赖项执行相同的操作，但浏览器显示第 1 行存在语法错误。main.js 如下所示:

@import "~jquery/dist/jquery.slim.min.js";
@import "~popper.js/dist/popper.min.js";
@import "~bootstrap/dist/js/bootstrap.min.js";

然后我计划只在 angular.json 的脚本部分使用 main.js。如何使用 @import 语句将 javascript 文件导入到另一个 javascript 文件？

Answer 1

您应该将全局脚本放在您的 angular.json 属性“scripts”中。

 "scripts": [
          {
            "input": "node_modules/jquery/dist/jquery.min.js"
          }, 
          {
            "input": "node_modules/bootstrap/dist/js/bootstrap.min.js"
          }]