javascript - Angular 8 - 如何在资产静态文件中导入引导程序 4？

Question

我正在为静态文件使用 import bootstrap 4 library 的语法

<link rel="stylesheet" type="text/css" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">

角.json

{
...
"architect": {
        "build": {
          "builder": "@angular-devkit/build-angular:browser",
          "options": {
            "outputPath": "dist/angularapp",
            "index": "src/index.html",
            "main": "src/main.ts",
            "polyfills": "src/polyfills.ts",
            "tsConfig": "tsconfig.app.json",
            "aot": false,
            "assets": [
              "src/favicon.ico",
              "src/assets",
              "src/browser-not-supported.html"
            ],
            "styles": [
              "src/styles.less"
            ]
            ...
          }
}
...

browser-not-supported.html

<link rel="stylesheet" type="text/css" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">

结果：

有人有同样的问题吗？

谢谢！

标签： javascriptnode.jsangulartypescriptsingle-page-application

Answer 1

将您的引导参考链接添加到您的 angular.json 文件中的样式属性

例子：

        "styles": [
          "src/styles.less",
          "../node_modules/bootstrap/dist/css/bootstrap.min.css"
        ]