Visual Studio 中的解决方案资源管理器中未分组的 SCSS 文件

Question

我正在使用 Visual Studio 2013.

在解决方案资源管理器中，scss 文件通常将它们的 .css、.css.map、.min.css 文件组合在 .s 下的树中css 文件。但是，我的解决方案资源管理器正在单独显示它们，这导致了一些混乱。

任何人都可以帮助我并让我知道 shortcut/trick 将这些文件重新组合在一起吗？

Answer 1

手动编辑项目文件或使用这个漂亮的 Visual Studio 扩展：

手动技巧是编辑项目文件并将 DependentUpon 元数据添加到要嵌套显示的每个文件中：

<ItemGroup>

    <!-- This will cause Visual Studio to show the file under Foo.1.cs -->
    <Compile Include="Foo.1.1.cs">
      <DependentUpon>Foo.1.cs</DependentUpon>
    </Compile>

    <!-- This will cause Visual Studio to show the file under Foo.cs -->
    <Compile Include="Foo.1.cs">
      <DependentUpon>Foo.cs</DependentUpon>
    </Compile>
    <Compile Include="Foo.cs" />
    <Compile Include="Program.cs" />
    <Compile Include="Properties\AssemblyInfo.cs" />
  </ItemGroup>

来源：

• File Nesting Extension