Angular2 asp.net核心。究竟什么是vendor.css?

时间:2018-01-11 06:18:50

标签: angular asp.net-core angular-ui-bootstrap

我是引导程序的忠实粉丝,欢呼来自php世界。我最近开始使用angular2和asp.net核心。我注意到一个vendor.css文件,它在打开时也包含引导程序。

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

我对这个文件感到困惑。它是为了什么?引导程序不是多余的吗?

3 个答案:

答案 0 :(得分:2)

发布应用时,会复制wwwroot文件夹中的所有文件。然后,如果您需要在index.html,dbs或图片或..中加载.css,您必须

但是角度最好的方法是有一个独特的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

答案 1 :(得分:1)

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

答案 2 :(得分:1)

vendor.css是要求所有第三方css文件的地方 所有这些文件都将在dist/vendor.css内嵌入。

根据Angular CLI documentation