【问题标题】:Use Google Material UI in ASP Net CORE MVC project在 ASP Net CORE MVC 项目中使用 Google Material UI
【发布时间】:2019-12-01 23:32:38
【问题描述】:
【问题讨论】:
标签:
javascript
c#
css
asp.net-core
material-design
【解决方案1】:
我使用了这 3 个简单的步骤并为我工作
- 转到this cdn 并在其中下载所有谷歌字体文件
- 将你下载的所有css文件复制到
css文件夹中
- 在
wwwroot 中创建一个名为fonts 的文件夹,并复制您下载的其他文件(字体文件)
它已准备好使用
只需将 css 链接添加到您的项目即可享受
【解决方案2】:
如果您使用npm 安装,它会创建一个名为node_modules 的文件夹(可能隐藏在解决方案资源管理器中,单击Show All Files 按钮进行检查)。
您必须编写一些脚本(gulp、grunt 等)将文件从 node_modulesdirectory 移动到 wwwroot/lib 文件:
How to use npm with ASP.NET Core
How to install font-awesome in Visual Studio 2017 using ASP.NET Core v2
如果使用 gulp ,您可以尝试:
gulp.task('copy', ["clean"], function () {
return gulp.src(['./node_modules/material-design-icons/iconfont/*'], {
base: 'node_modules'
}).pipe(gulp.dest('./wwwroot/lib'));
});
并且可以引用_Layout.cshtml中的css文件。
注意:目前使用 Library Manager(LibMan) 来恢复 material-design-icons 在我的测试中总是失败。