我是引导程序的忠实粉丝,欢呼来自php世界。我最近开始使用angular2和asp.net核心。我注意到一个vendor.css文件,它在打开时也包含引导程序。
npm已经安装了bootstrap,并且wwwroot lib文件夹中有bootstrap.min文件。
我对这个文件感到困惑。它是为了什么?引导程序不是多余的吗?
答案 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
内嵌入。