Question

在Angular 8中，我将引导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"
          }]

将Javascript文件导入一个Javascript文件

1 个答案: