How to exclude certain file types from dotnet watch run?

Question

Looking to get the following setup going:

I'm working on a Blazor app, and with the official css isolation bundler. I'm using Less though, and installed a Less transformer which creates the required css on build.

However, running my app via dotnet watch run, it often ends up in an endless loop now.

The reason for this is probably that dotnet watch run sees a change in the *.razor.css files, rebuilds, and the cycle just repeats on and on.

So here's my question:

How can I configure my csproj (new Net Standard format) to exclude **\*.razor.css from the watch process? It would also be fine it it just disappears from my VS solution as a whole.

have you resolve the problom?

Gongxi
– Gongxi

2021-06-01 08:40:17 +00:00
Commented Jun 1, 2021 at 8:40 — Gongxi
– Gongxi, Commented Jun 1, 2021 at 8:40

Dharman · Accepted Answer · 2021-06-07 23:48:02Z

15

Had a play with both answers above, but neither worked for me. I generate some files during the build and that may be why the other 2 don't work for me. According to Microsoft docs shared above (https://learn.microsoft.com/en-us/aspnet/core/tutorials/dotnet-watch?view=aspnetcore-3.1), to remove an item from watch you can also set it through the definition. Doing this worked for my scenario.

<ItemGroup>
    <Content Remove="wwwroot\dist\**" />
    <Content Include="wwwroot\dist\**" Watch="false" />
</ItemGroup>

I did have to add the Content Remove as otherwise the item is declared twice and the build will fail.

edited Jun 7, 2021 at 23:48

Dharman♦

33.9k27 gold badges105 silver badges157 bronze badges

answered Jun 7, 2021 at 23:42

Herman Vos

1612 silver badges5 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

bart Over a year ago

Thanks! A tip: this could be more simply achieved with <Content Update="wwwroot\dist\**" Watch="false" />.

René Sackers Over a year ago

Another tip for anyone struggling, dotnet watch --list in the project dir tells you exactly what files will be watched, so you can easily test these changes.

McKnight · Accepted Answer · 2021-03-20 20:03:38Z

2

I had the same issue after coming here, ended up with:

<ItemGroup>
    <Watch Remove="wwwroot\**\*" />
</ItemGroup>

Works nicely for me :)

answered Mar 20, 2021 at 20:03

McKnight

1313 bronze badges

Comments

Kit · Accepted Answer · 2020-12-20 19:51:46Z

1

Please edit your .csproj file and add the following to it

<ItemGroup>  
    <Watch Exclude="**\*.razor.css" />
</ItemGroup>

More info at

https://learn.microsoft.com/en-us/aspnet/core/tutorials/dotnet-watch?view=aspnetcore-3.1

edited Dec 20, 2020 at 19:51

Kit

21.9k5 gold badges67 silver badges109 bronze badges

answered Dec 20, 2020 at 19:32

ademg

3072 gold badges5 silver badges18 bronze badges

2 Comments

Sossenbinder Over a year ago

Hey, thanks, I already tried this - However, I got the following error: error MSB4232: Items that are outside Target elements must have one of the following operations: Include, Update, or Remove.

srbrills Feb 18 at 17:18

Note that you should only use Exclude when also specifying Include. Here, it would be more performant to use the Remove attribute. | learn.microsoft.com/en-us/visualstudio/msbuild/…

dacucar · Accepted Answer · 2022-01-10 06:46:23Z

I have a similar set-up except but I'm using SASS. I have a custom target to execute the command npm run sass, so the files are being generated as part of the dotnet build process, which made the watch re-trigger builds in an infinite loop.

In my case, the solution I found was like the following:

Alter the DefaultItemExcludes:

<PropertyGroup>
   <DefaultItemExcludes>$(DefaultItemExcludes);Features/**/*.css</DefaultItemExcludes>
</PropertyGroup>

Adjust sure the css compilation target to run before BeforeResGen instead of Compile (which I was using before):

  <Target Name="CompileScopedScss" BeforeTargets="BeforeResGen">
    <Exec Command="npm run sass -- %(ScopedScssFiles.FullPath) %(RootDir)%(Directory)%(FileName).css --no-source-map" />
  </Target>

Include the css file and set Watch="False":

    <ItemGroup>
      <Content Include="Features/**/*.css" Watch="False" />
    </ItemGroup>

I do this in a target after the previous target, but it seems to work also outside it.

Just using the <Content Update... Watch="False" /> wasn't enough in my case. The <Watch Remove="..." /> didn't work either in my case and I believe it could have something to do with the fact that the files are generated during the build.

Collectives™ on Stack Overflow

How to exclude certain file types from dotnet watch run?

4 Answers 4

2 Comments

Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related