Custouch.Open.AspnetCore.Vite 1.1.0

.NET Core 3.1 This package targets .NET Core 3.1. The package is compatible with this framework or higher.
There is a newer version of this package available.
See the version list below for details. 
dotnet add package Custouch.Open.AspnetCore.Vite --version 1.1.0                

                    
                

            
NuGet\Install-Package Custouch.Open.AspnetCore.Vite -Version 1.1.0
This command is intended to be used within the Package Manager Console in Visual Studio, as it uses the NuGet module's version of Install-Package. 
<PackageReference Include="Custouch.Open.AspnetCore.Vite" Version="1.1.0" />
For projects that support PackageReference, copy this XML node into the project file to reference the package. 
paket add Custouch.Open.AspnetCore.Vite --version 1.1.0                

                    
                

            
#r "nuget: Custouch.Open.AspnetCore.Vite, 1.1.0"
#r directive can be used in F# Interactive and Polyglot Notebooks. Copy this into the interactive tool or source code of the script to reference the package. 
// Install Custouch.Open.AspnetCore.Vite as a Cake Addin
#addin nuget:?package=Custouch.Open.AspnetCore.Vite&version=1.1.0

// Install Custouch.Open.AspnetCore.Vite as a Cake Tool
#tool nuget:?package=Custouch.Open.AspnetCore.Vite&version=1.1.0

Custouch.Open.AspnetCore.Vite

用于Razor页面集成Vite资源。

安装

使用 Nuget 或者 dotnet cli 安装：

dotnet add package Custouch.Open.AspnetCore.Vite

使用

  1. 在Vite项目中需要指定输出manifest.json
// vite.config.js
export default {
  build: {
    // 在 outDir 中生成 manifest.json
    manifest: true,
    rollupOptions: {
      // 覆盖默认的 .html 入口
      input: '/path/to/main.js'
    }
  },
  // 指定资源在生产环境的路径前缀
  base: "/static" 
}
  1. 将构建产物放置在 asp.net项目的 wwwroot文件夹下面
  2. 在Razor页面中引入vite标签
@addTagHelper *, Custouch.Open.AspnetCore.Vite 

<head>
...
  <vite manifest="static/manifest.json" legacy="true" mainfile="src/main.ts"></vite>
...
</head>

参数说明:

参数 必填 说明
manifest 是 manifest.json 文件的地址（wwwroot内相对路径）
legacy 否 是否需要支持legacy，vite项目需要安装和配置@vitejs/plugin-legacy插件
mainfile 否 主要入口文件，默认src/main.ts

参考

  1. Vite 后端集成
  2. Tag Helpers in ASP.NET Core
Product Compatible and additional computed target framework versions.
.NET net5.0 was computed.  net5.0-windows was computed.  net6.0 was computed.  net6.0-android was computed.  net6.0-ios was computed.  net6.0-maccatalyst was computed.  net6.0-macos was computed.  net6.0-tvos was computed.  net6.0-windows was computed.  net7.0 was computed.  net7.0-android was computed.  net7.0-ios was computed.  net7.0-maccatalyst was computed.  net7.0-macos was computed.  net7.0-tvos was computed.  net7.0-windows was computed.  net8.0 was computed.  net8.0-android was computed.  net8.0-browser was computed.  net8.0-ios was computed.  net8.0-maccatalyst was computed.  net8.0-macos was computed.  net8.0-tvos was computed.  net8.0-windows was computed. 
.NET Core netcoreapp3.1 is compatible. 
Compatible target framework(s)
Included target framework(s) (in package)
Learn more about Target Frameworks and .NET Standard.

  • .NETCoreApp 3.1

    • No dependencies.

NuGet packages

This package is not used by any NuGet packages.

GitHub repositories

This package is not used by any popular GitHub repositories.

Version Downloads Last updated
1.2.0 462 10/28/2024
1.1.0 3,511 7/21/2021
1.0.0 320 7/15/2021