vite.config.ts常规配置（publicPath）

• 前端

@vue.confing.js中的publicPath属性变为base属性
import { defineConfig } from ‘vite’
import vue from ‘@vitejs/plugin-vue’ // 单文件组件支持
/**

  • Vue 3 单文件组件支持：@vitejs/plugin-vue
  • Vue 3 JSX 支持：@vitejs/plugin-vue-jsx
  • Vue 2.7 支持：vitejs/vite-plugin-vue2
  • Vue <2.7 的支持：underfin/vite-plugin-vue2
    /
    import AutoImport from ‘unplugin-auto-import/vite’ // 使用后可以不手动引入ref reactive onMounted这些api
    import Components from ‘unplugin-vue-components/vite’ // vite的按需引入自定义组件库
    // import { ElementPlusResolver } from ‘unplugin-vue-components/resolvers’ // ElementPlus
    import { NaiveUiResolver } from ‘unplugin-vue-components/resolvers’ // NaiveUi组件
    import path from “path”; // 和NodeJS “path”模块一样
    /    *
  • 自定义组件自动引入 unplugin-vue-components
  • element-plus 组件自动引入 unplugin-vue-components
  • vue3等插件 hooks 自动引入 unplugin-auto-import/vite
  • message, notification 等引入样式自动引入 vite-plugin-style-import
    /
    export default defineConfig({

    // 需要用到的插件数组。Falsy 虚值的插件将被忽略，插件数组将被扁平化（flatten）
    plugins: [
    vue(),
    AutoImport({

    resolvers: [NaiveUiResolver()],
    imports: [
    “vue”,
    {

    “naive-ui”: [
    “useD

本文来自网络，不代表协通编程立场，如若转载，请注明出处：https://net2asp.com/85e3df06f6.html

赞 (0)
« 上一篇 1天前
下一篇 » 1天前

相关推荐