前端核心

Appearance

配置别名 ​

1、react18.3配置别名 ​

  • 3-1、 可能安装库

    shell
        npm i @vitejs/plugin-react
    shell
         npm i @types/node

  • 3-2、 修改vite.config.ts(没有的话在根目录新建)

    拷贝代码
    ts
      import { defineConfig } from 'vite'
  import react from '@vitejs/plugin-react'
  import path from 'path'

  export default defineConfig({
  plugins: [react()],
  server: {
    host: '0.0.0.0'
  },
  resolve: {
  alias: {
  "@": path.resolve(__dirname, "./src")
  },
  },
  });

  • 3-3、 修改tsconfig.json

    拷贝代码
    text
     "compilerOptions": {
   "baseUrl": ".",
   "paths": {
     "@/*": ["src/*"]
   }
 },
 "include": ["src"],

2、小程序配置别名 ​

app.json配置

text
  {
    "resolveAlias": {
     "@/*": "/*",
    "beh/*": "/beh/*"
  }

3、vue3.5配置别名 ​

  • 3-1、 安装TS兼容库和vue插件库

    shell
     npm i @vitejs/plugin-vue
    shell
     npm i @types/node

  • 3-2、 修改vite.config.ts(没有的话在根目录新建)

    拷贝代码
    js
        import { defineConfig } from 'vite'
    import vue from '@vitejs/plugin-vue'
    import path from 'path'

    // https://vitejs.dev/config/
    export default defineConfig({
    plugins: [vue()],
    server: {
       host: '0.0.0.0'
    },
    resolve: {
    alias: {
    '@': path.resolve(__dirname, './src'),
    },
    extensions: ['.js', '.mjs', '.vue', '.json', '.less', '.css']
    },
    })

  • 3-3、配置tsconfig.json

    拷贝代码
    json
    {
   "compilerOptions": {
      "baseUrl": ".",
      "paths": {
        "@/*": ["./src/*"] 
      }
   },
   "include": ["src"]
}