Angular2 asp.net 核心。 vendor.css 到底是做什么用的？

Question

我是 bootstrap 的忠实粉丝，来自 php 世界。我最近开始使用 angular2 和 asp.net 核心。我注意到一个 vendor.css 文件，打开后里面也有 bootstrap 内容。

npm 已经安装了 bootstrap 并且在 wwwroot lib 文件夹中有 bootstrap.min 个文件。

我对这个文件感到困惑。它是做什么用的？ bootstrap不是多余的吗？

Answer 1

在 Angular2 项目中，有其他供应商包使用 css 文件。

Answer 2

vendor.css 是您需要所有第三方 css 文件的地方。
所有这些文件都将内联 dist/vendor.css.

根据 Angular CLI documentation.

Answer 3

当我们发布一个应用程序时，wwwroot 文件夹中的所有文件都会被复制。然后，如果您需要在 index.html 中加载一个 .css，或者一个数据库，或者一个图像，或者..您必须

但在 angular 中最好的方法是 unique.css。这个 css 是你组件中 css 的并集+ css 全局定义。

在 angular-cli 中，我们使用 angular-cli.json 文件全局添加 .css（在样式中）

"styles": [
        "app/css/bootstrap.css",
        "../node_modules/font-awesome/css/font-awesome.css",
        "styles.css"
      ],

在 .net Core 中，我们使用 webpack.config.vendor 全局添加 .css（在 nonTreeShakableModules 中）

const nonTreeShakableModules = [
    'bootstrap-css-only/css/bootstrap.css',
    'font-awesome/css/font-awesome.css',
    'es6-promise',
    'es6-shim',
    'event-source-polyfill'
];

此外，在.net Core中我们也可以使用vendor.css

Angular2 asp.net 核心。 vendor.css 到底是做什么用的？

Angular2 asp.net core. What exactly is vendor.css for?

angular-ui-bootstrap

asp.net-core

angular