ng serve和ng build的风格不同

Question

我正在设置Django后端，并使用Angular作为前端。我对此很陌生，如果这是一个简单的问题，请对不起。我找不到任何东西。我正在通过使用ng serve并访问localhost:4200来测试Angular的样式。我终于找到了想要的样子，然后运行ng build将静态文件放在django / heroku上，样式完全关闭了！我尝试做ng build --aot，但实际上也没有用。

我检查了控制台中已构建和已发布之间的元素，可以看到font weight从700更改为bold，容器颜色从#fff更改为{{1 }}。但最令他们失望的是这些white和"Pseudo ::before element"。其他一些区域甚至完全更改了字体。来自"Pseudo ::after element"的一个字体为ng serve inherited from body，来自"Montserrat"的一个字体为ng build，但是被划掉了吗？我以图片为例。

左侧为ng服务，右侧为ng

Answer 1

我发现了问题。我在索引文件中有此文件，该文件覆盖了我在angular中的文件。

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" />

将其删除，并且可以::

Answer 2

use this command npm install bootstrap@3.3.7
 and add bootstrap package in angular.json

"styles": [
  "node_modules/bootstrap/dist/css/bootstrap.min.css",
  "styles.scss"
]
if any problem related to style then go to this link
https://loiane.com/2017/08/how-to-add-bootstrap-to-an-angular-cli-project/