1. 找到Razor类库
打开VS2022 文件 - 新建 - 项目 或者 使用 Ctrl+Shift+N 快捷键
输入Razor 搜索 ， 选中Razor类库， 点击 下一步
2.创建Razor类库项目
输入项目名称 IX.RCL.Front
RCL 是 RazorClassLibrary的简称意思
Front 代表前端静态资源的意思
位置是 F盘 LocalCode文件夹
F:\LocalCode
解决方案名称 IX.RCL.Front
点击下一步
3. 创建一个MVC Web项目 （ASP.NET Core Web(模型-视图-控制器) ）
设置MVC Web项目为 启动项目
4.在Razor 类库项目 添加静态文件
css，images，js lib 等 添加 wwwroot 文件夹，注意这个文件夹 命名暂时保持固定 不要改变在wwwroot文件夹下建立3个文件夹css 存放可以共享给其他项目使用的css样式images 存放可以共享给其他项目使用的静态图片lib 存放可以共享给其他项目使用的 js给css 中 添加一些公共的样式 放在 ix.css 文件中给images 中添加一个 公共的图片 bg.png给lib 中添加 几个 公共的jsjQuery.js jquery.cookie.jsjquery.hz2py.js 汉字转拼音
5. MVC项目引用 Razor类库项目
通过上边步骤 我们创建了 css images js 的公共静态资源接下来我们就说一下该如何使用找到 全局的母版页 _Layout.cshtml把多余的我们不需要的HTML删掉，只保留想保留的部分在模板也中 添加 Css 的 SectionScripts 的 Section 默认生成就有，不用我们自己添加了
6. 在MVC Web项目 /home/index 引用 组件化的静态资源
在Index.cshtml中 加入 Css 和 Scripts 的引用@section Css 在Css中 引入 自定义的 ix.css 和 My97 日历控件@section Scripts在scripts中引入 My97日历的js文件把首页的Html代码 修改一下 改为 我们自己想展示的代码 如图从图中可以看到 我们应用了很多 ix.css 中的 样式运行 IX.RCL.Front.Web 项目 我们看一下 效果
7.查看运行结果
从运行的 Web站点来看css images 、日历控件的js 的引用 均 来自 Razor 类库
总结
掌握了 Razor类库 静态资源组件化 这个技能之后
我们可以把JS css images 等静态资源 打包成 NuGet
所有人都引用公用的NuGet
就可以确保项目中引用的静态资源的版本一致性，便于管理
附录
Razor类库 也可以当成一个MVC项目 ，把 视图 模型 控制器 组件化 开发。
