vite-plugin-tspaths2alias

This plugin is create alias map for vite config, default use project root tsconfig.json file compilerOptions.paths value

Install

npm install -D vite-plugin-tspaths2alias

Usage

In typesctipt project, you can zero configuration to use this plugin! or provide a json file, but i advice use the tsconfig.json by tsc cli created

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import tspaths2alias from 'vite-plugin-tspaths2alias'
// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue(),tspaths2alias({ /** tsConfigPath: './[name].json' **/ })]
})

In javascript project, you want to use this plugin, you can provide alias.json or other name json file

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import tspaths2alias from 'vite-plugin-tspaths2alias'
// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue(),tspaths2alias({ tsConfigPath: './alias.json' })]
})

Custom configuration

{
  "@/*": "./src/*",
  "@components": "./src/components",
  "@views": "./src/views",
  "@layout": "./src/layout",
  "@test": "./src/test"
}

A template repository / quick start to build Azure Static Web Apps with a Node.js function. It uses Vue.js v3, Vue Router, Vuex, and Vite.js.

Azure Static Web App Template with Node.js API This is a template repository for creating Azure Static Web Apps that comes pre-configured with: Vue.js

Jun 25, 2022