【问题标题】:asp.net core Angular Template how to add site.cssasp.net core Angular Template如何添加site.css
【发布时间】:2018-06-13 23:12:10
【问题描述】:

刚开始使用 VS Code 中的新 Angular 模板。我试图完成感觉应该是最简单的任务,只是想将站点级 css 文件添加到 Web 项目以应用一些样式。

从我看到的所有 google 示例中,我指的是更新 Angular-cli.json 文件以将其附加到输出,但该文件在核心 Angular 模板中不可用。 css 文件应该放在哪里以及如何链接它以便在站点范围内应用?

【问题讨论】:

    标签: css angular asp.net-core asp.net-core-mvc


    【解决方案1】:

    如果您使用 Angular 模板创建 .Net Core Web 项目,您应该会在项目中看到 ClientApp 文件夹。我的机器刚刚安装了最新的.Net Core 2.1 SDKnodejs (v 8.11.3 LTS),并且有Visual Studio Community 15.7.3。

    您可以将站点范围的样式应用于styles.css 文件,位于ClientApp -> src 下。

    如果您有更多的站点范围的样式文件,您可以在.angular-cli.json 文件中进行配置。

    【讨论】:

    • 嗨大卫,感谢您的回复。可以看到ClientApp文件夹,但是下面没有src文件夹。我是否打算创建它来保存styles.css?另外,参考您的最后一行,使用 Angular 模板的 .net 核心 Web 项目中不存在 angular-cli.json?
    • 很奇怪。确保您的开发机器已安装最新的 .Net Core SDK 和 nodejs(可能还有 angular cli)?用截图查看我更新的 OP。
    • 太棒了。我使用的是 .net core 2.0,所以我已经升级到最新的 sdk,现在解决方案看起来与您发布的类似。感谢您的帮助
    • 从 2.0 升级到 2.1。他们为他们的角模板改变了很多。知道为什么他们用 webpack 删除了所有默认的热加载内容吗?
    猜你喜欢
    • 1970-01-01
    • 2017-11-24
    • 2013-06-14
    • 2018-05-30
    • 2019-02-09
    • 1970-01-01
    • 2017-08-18
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多