Как я могу удалить Bootstrap из моего проекта Angular? - PullRequest
Новая
       24

Как я могу удалить Bootstrap из моего проекта Angular?

1 голос
/ 15 мая 2019

Я пытаюсь использовать Bootstrap Material Design в моем проекте Angular. Тем не менее, когда я использую угловой загрузочный компонент, кажется, что стандартный загрузочный мешает стилю.

enter image description here

Каков наилучший способ полного удаления начальной загрузки из моего углового проекта, чтобы мои компоненты разрабатывались только с помощью угловой начальной загрузки?

Редактировать

angular.json 

"styles": [
              "node_modules/@fortawesome/fontawesome-free/scss/fontawesome.scss",
              "node_modules/@fortawesome/fontawesome-free/scss/solid.scss",
              "node_modules/@fortawesome/fontawesome-free/scss/regular.scss",
              "node_modules/@fortawesome/fontawesome-free/scss/brands.scss",
              "node_modules/angular-bootstrap-md/scss/mdb-free.scss",
              "src/styles.scss"
            ],

package.json 

"dependencies": {
    "@angular/animations": "~7.2.0",
    "@angular/common": "~7.2.0",
    "@angular/compiler": "~7.2.0",
    "@angular/core": "~7.2.0",
    "@angular/forms": "~7.2.0",
    "@angular/platform-browser": "~7.2.0",
    "@angular/platform-browser-dynamic": "~7.2.0",
    "@angular/router": "~7.2.0",
    "@fortawesome/fontawesome-free": "^5.8.2",
    "@types/chart.js": "^2.7.52",
    "angular-bootstrap-md": "^7.5.2",
    "atom": "^1.1.0",
    "chart.js": "^2.5.0",
    "core-js": "^2.5.4",
    "hammerjs": "^2.0.8",
    "jquery": "^3.4.1",
    "rxjs": "~6.3.3",
    "terminal": "^0.1.4",
    "tslib": "^1.9.0",
    "zone.js": "~0.8.26"
  },

Ответы [ 2 ]

2 голосов
/ 15 мая 2019

Первый: Удалите загрузочную зависимость из вашего package.json, как показано ниже, например: 

"dependencies": {
    "@angular/animations": "^6.0.0",
    "@angular/common": "^6.0.0",
    "@angular/compiler": "^6.0.0",
    "@angular/core": "^6.0.0",
    "@angular/forms": "^6.0.0",
    "@angular/http": "^6.0.0",
    "@angular/platform-browser": "^6.0.0",
    "@angular/platform-browser-dynamic": "^6.0.0",
    "@angular/router": "^6.0.0",
    "bootstrap": "^3.3.1",   <-------REMOVE THIS
    "core-js": "^2.5.4",
    "rxjs": "6.0.0",
    "zone.js": "^0.8.26"
  },

Секунда : удалите URL начальной загрузки из angular.json, если вы поместили его в раздел стилей, как показано ниже 

"styles": [
    "src/styles.css",
    "node_modules/bootstrap/dist/css/bootstrap.min.css" <--- REMOVE THIS
],

Третий : проверка и удаление любых ссылок начальной загрузки, явно импортированных в styles.css или любых других файлов, удаленно или локально, как показано ниже 

@import '~bootstrap/dist/css/bootstrap.min.css';
0 голосов
/ 15 мая 2019

npm uninstall bootstrap --no-save

также удалите ссылку, добавленную вами в angular.json под стилями, которые указывают bootstrap.min.css 

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