Visual Studio 2017跨项目引用CSS运行时未在浏览器生效如何解决

Visual Studio设计器支持跨项目读取解决方案内的文件路径，因此可以正常识别样式；但项目运行时，浏览器仅能访问当前启动项目的运行部署目录下的静态资源，你直接添加的跨项目CSS链接不会被自动同步到project2的部署目录，因此返回404导致样式失效。

以下是可直接落地的解决方案，可根据你的实际需求选择：

方案1：配置CSS文件的复制输出规则（适配单文件共享需求） #

• 在project2中右键项目 → 选择「添加」→「现有项」
• 找到project1里的目标CSS文件，点击添加按钮旁边的下拉箭头 → 选择「添加为链接」
• 右键你刚添加的这个链接文件 → 选择「属性」
• 将「复制到输出目录」属性修改为如果较新则复制，「生成操作」属性修改为内容
• 之后每次编译project2的时候，VS会自动把最新的CSS文件同步到project2的部署目录，和project1的改动保持一致

方案2：使用构建事件自动同步批量资源 #

如果需要同步的是整个CSS目录或多个静态资源，可以配置构建后事件：

• 右键project2项目 → 选择「属性」→ 「生成事件」选项卡
• 在「生成后事件命令行」中输入如下命令（注意替换成你自己的实际路径）：

xcopy /E /Y /D "$(SolutionDir)Project1\css\*" "$(ProjectDir)css\"

• 该命令会在每次构建project2的时候，自动把project1的css目录下的所有文件增量同步到project2的css目录中

方案3：抽离公共资源为共享项目（适配长期多资源共享需求） #

如果后续还有大量跨项目共用的前端资源，可单独创建共享项目统一管理：

• 在解决方案上右键 → 「添加」→「新建项目」→ 选择「共享项目」类型
• 将所有公共CSS、JS、图片等资源移动到这个共享项目中
• 在project1和project2中都添加对这个共享项目的引用
• 两个项目编译时都会自动包含共享项目里的所有内容类型的资源，不需要额外配置同步规则

内容的提问来源于stack exchange，提问作者Ms. G