ASP.NET Core - Remove gulp

Author: AlisherAmonulloev

ASP.NET Core/ASP.NET Core.csproj

@@ -1,22 +1,47 @@
-<Project Sdk="Microsoft.NET.Sdk.Web">
+<Project Sdk="Microsoft.NET.Sdk.Web">
 
   <PropertyGroup>
     <TargetFramework>net8.0</TargetFramework>
+    <NodeModulesDir>$(ProjectDir)node_modules\</NodeModulesDir>
+    <WwwRootDir>$(ProjectDir)wwwroot\</WwwRootDir>
   </PropertyGroup>
 
-  <Target Name="DebugEnsureNodeEnv" BeforeTargets="BeforeBuild" Condition=" '$(Configuration)' == 'Debug' And !Exists('$(SpaRoot)node_modules') ">
+  <Target Name="DebugEnsureNodeEnv" BeforeTargets="BeforeBuild" Condition=" '$(Configuration)' == 'Debug' And !Exists('$(ProjectDir)node_modules') ">
     <!-- Ensure Node.js is installed -->
     <Exec Command="node --version" ContinueOnError="true">
       <Output TaskParameter="ExitCode" PropertyName="ErrorCode" />
     </Exec>
     <Error Condition="'$(ErrorCode)' != '0'" Text="Node.js is required to build and run this project. To continue, please install Node.js from https://nodejs.org/, and then restart your command prompt or IDE." />
     <Message Importance="high" Text="Restoring dependencies using 'npm'. This may take several minutes..." />
-    <Exec WorkingDirectory="$(SpaRoot)" Command="npm install" />
+    <Exec WorkingDirectory="$(ProjectDir)" Command="npm install" />
   </Target>
-  <Target Name="RunGulp" BeforeTargets="BeforeBuild" Condition=" '$(Configuration)' == 'Debug' And Exists('$(SpaRoot)node_modules') ">
-    <Exec WorkingDirectory="$(ProjectDir)" Command="node_modules\.bin\gulp add-resources" ContinueOnError="false">
-      <Output TaskParameter="ExitCode" PropertyName="ErrorCode" />
-    </Exec>
+
+  <Target Name="CopyFilesFromNodeModules" BeforeTargets="Build">
+    <ItemGroup>
+      <JSFiles Include="$(NodeModulesDir)jquery\dist\jquery.min.js" />
+      <JSFiles Include="$(NodeModulesDir)bootstrap\dist\js\bootstrap.min.js" />
+      <JSFiles Include="$(NodeModulesDir)devextreme-dist\js\dx.all.js" />
+      <JSFiles Include="$(NodeModulesDir)devextreme-dist\js\dx.aspnet.mvc.js" />
+      <JSFiles Include="$(NodeModulesDir)devextreme-aspnet-data\js\dx.aspnet.data.js" />
+    </ItemGroup>
+    <Copy SourceFiles="@(JSFiles)" DestinationFolder="$(WwwRootDir)js\" SkipUnchangedFiles="true" />
+
+    <ItemGroup>
+      <CSSFiles Include="$(NodeModulesDir)bootstrap\dist\css\bootstrap.css" />
+      <CSSFiles Include="$(NodeModulesDir)devextreme-dist\css\dx.common.css" />
+      <CSSFiles Include="$(NodeModulesDir)devextreme-dist\css\dx.material.blue.light.compact.css" />
+    </ItemGroup>
+    <Copy SourceFiles="@(CSSFiles)" DestinationFolder="$(WwwRootDir)css\" SkipUnchangedFiles="true" />
+
+    <ItemGroup>
+      <IconFiles Include="$(NodeModulesDir)devextreme-dist\css\icons\**\*" />
+    </ItemGroup>
+    <Copy SourceFiles="@(IconFiles)" DestinationFolder="$(WwwRootDir)css\icons\%(RecursiveDir)" SkipUnchangedFiles="true" />
+
+    <ItemGroup>
+      <FontFiles Include="$(NodeModulesDir)devextreme-dist\css\fonts\**\*" />
+    </ItemGroup>
+    <Copy SourceFiles="@(FontFiles)" DestinationFolder="$(WwwRootDir)css\fonts\%(RecursiveDir)" SkipUnchangedFiles="true" />
   </Target>
 
   <ItemGroup>

ASP.NET Core/Views/Shared/_Layout.cshtml

@@ -14,9 +14,15 @@
     @* Uncomment to use the HtmlEditor control *@
     @* <script src="https://unpkg.com/devextreme-quill/dist/dx-quill.min.js"></script> *@
 
-    <link rel="stylesheet" href="~/css/vendor.css" asp-append-version="true" />
+    <link rel="stylesheet" href="~/css/bootstrap.css" asp-append-version="true" />
+    <link rel="stylesheet" href="~/css/dx.common.css" asp-append-version="true" />
+    <link rel="stylesheet" href="~/css/dx.material.blue.light.compact.css" asp-append-version="true" />
     <link rel="stylesheet" href="~/css/Site.css" />
-    <script src="~/js/vendor.js" asp-append-version="true"></script>
+    <script src="~/js/jquery.min.js" asp-append-version="true"></script>
+    <script src="~/js/bootstrap.min.js" asp-append-version="true"></script>
+    <script src="~/js/dx.all.js" asp-append-version="true"></script>
+    <script src="~/js/dx.aspnet.mvc.js" asp-append-version="true"></script>
+    <script src="~/js/dx.aspnet.data.js" asp-append-version="true"></script>
 </head>
 
 <body class="dx-viewport">

ASP.NET Core/gulpfile.js

@@ -7,10 +7,5 @@
     "devextreme-dist": "^25.2.3",
     "devextreme-aspnet-data": "^5.1.0",
     "bootstrap": "^5.3.7"
-  },
-  "devDependencies": {
-    "gulp": "4.0.2",
-    "gulp-concat": "2.6.1",
-    "rimraf": "5.0.7"
   }
 }