Always fully build Components.Server.csproj (#9421)

* Always fully build Components.Server.csproj

* Use pre-built js files instead of building on the fly
* Use a sourcemap file for Debug. .gitignore sourcemap files
* Install nodejs on CodeCheck agents

Fixes #9402

Author: pranavkm

.azure/pipelines/ci.yml

@@ -24,7 +24,6 @@ jobs:
     jobDisplayName: Code check
     agentOs: Windows
     installJdk: false
-    installNodeJs: false
     steps:
     - powershell: ./eng/scripts/CodeCheck.ps1 -ci
       displayName: Run eng/scripts/CodeCheck.ps1

eng/scripts/CodeCheck.ps1

@@ -130,6 +130,11 @@ try {
         & $dotnet run -p "$repoRoot/eng/tools/BaselineGenerator/"
     }
 
+    Write-Host "Re-generating Browser.JS files"
+    Invoke-Block {
+        & $dotnet build "$repoRoot\src\Components\Browser.JS\Microsoft.AspNetCore.Components.Browser.JS.npmproj"
+    }
+
     Write-Host "Run git diff to check for pending changes"
 
     # Redirect stderr to stdout because PowerShell does not consistently handle output to stderr

eng/targets/Npm.Common.targets

@@ -18,7 +18,7 @@
 
   <Target Name="Restore">
     <Message Importance="High" Text="Running yarn install on $(MSBuildProjectFullPath)" />
-    <Yarn Command="install $(InstallArgs)" />
+    <Yarn Command="install $(InstallArgs)" StandardOutputImportance="High" StandardErrorImportance="High" />
   </Target>
 
   <Target Name="PrepareForBuild">

src/Components/Blazor/Build/src/Microsoft.AspNetCore.Blazor.Build.csproj

@@ -24,6 +24,7 @@
     <PropertyGroup>
       <CopyLocalLockFileAssemblies>false</CopyLocalLockFileAssemblies>
       <NuspecProperties>
+      configuration=$(Configuration);
       version=$(PackageVersion);
       publishDir=$([MSBuild]::NormalizeDirectory($(IntermediatePackDir)));
       componentsversion=$(ComponentsPackageVersion);

src/Components/Blazor/Build/src/Microsoft.AspNetCore.Blazor.Build.nuspec

@@ -21,6 +21,6 @@
     <file src="build\**" target="build" />
     <file src="targets\**" target="targets" />
     <file src="$publishdir$netcoreapp3.0\**\*" target="tools/" />
-    <file src="..\..\..\Browser.JS\src\dist\blazor.*.js" target="tools/blazor" />
+    <file src="..\..\..\Browser.JS\dist\$configuration$\blazor.*.js" target="tools/blazor" />
   </files>
 </package>

src/Components/Blazor/Build/src/ReferenceFromSource.props

@@ -11,7 +11,7 @@
 
   <PropertyGroup>
     <BlazorBuildReferenceFromSource>true</BlazorBuildReferenceFromSource>
-    <BlazorJsPath>$(RepositoryRoot)src\Components\Browser.JS\src\dist\blazor.*.js</BlazorJsPath>
+    <BlazorJsPath>$(RepositoryRoot)src\Components\Browser.JS\dist\$(Configuration)\blazor.*.js</BlazorJsPath>
   </PropertyGroup>
 
   <Import Project="$(MSBuildThisFileDirectory)targets/All.props" />

src/Components/Browser.JS/.gitignore

@@ -1,2 +1,2 @@
 node_modules/
-dist/
+*.js.map

src/Components/Browser.JS/Microsoft.AspNetCore.Components.Browser.JS.npmproj

@@ -7,28 +7,23 @@
   </PropertyGroup>
 
   <ItemGroup>
-    <WebpackInputs Include="**\*.ts" Exclude="node_modules\**" />
-    <WebPackOutputs Include="src\dist\blazor.webassembly.js" />
-    <WebPackOutputs Include="src\dist\blazor.server.js" />
+    <WebpackInputs Include="src\**\*.ts" />
+    <WebPackOutputs Include="dist\Debug\blazor.webassembly.js" />
+    <WebPackOutputs Include="dist\Release\blazor.webassembly.js" />
+    <WebPackOutputs Include="dist\Debug\blazor.server.js" />
+    <WebPackOutputs Include="dist\Release\blazor.server.js" />
   </ItemGroup>
 
   <Import Project="$([MSBuild]::GetDirectoryNameOfFileAbove($(MSBuildThisFileDirectory), Directory.Build.targets))\Directory.Build.targets" />
 
-  <!--
-    Invoking build[.cmd|.sh] does not restore npm projects by default. This is a performance optimization.
-    However, we want to ensure yarn's restored before a P2P build happens. We'll conservatively yarn install
-    if the node_modules directory is missing.
-  -->
-  <Target Name="FastRestore" DependsOnTargets="Restore" Condition="!Exists('node_modules')" />
-
   <!-- Override the default 'Build' target from eng/targets/Npm.Common.targets. -->
   <Target Name="Build"
-          DependsOnTargets="FastRestore"
           Inputs="@(WebpackInputs)"
           Outputs="@(WebPackOutputs)">
     <RemoveDir Directories="dist" />
-    <Yarn Command="run build:debug" Condition="'$(Configuration)' == 'Debug'" />
-    <Yarn Command="run build:production" Condition="'$(Configuration)' != 'Debug'" />
+
+    <Yarn Command="run build:debug" StandardOutputImportance="High" StandardErrorImportance="High" />
+    <Yarn Command="run build:production" StandardOutputImportance="High" StandardErrorImportance="High" />
   </Target>
 
 </Project>