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 ***ponents from ‘unplugin-vue-***ponents/vite’ // vite的按需引入自定义组件库
    // import { ElementPlusResolver } from ‘unplugin-vue-***ponents/resolvers’ // ElementPlus
    import { NaiveUiResolver } from ‘unplugin-vue-***ponents/resolvers’ // NaiveUi组件
    import path from “path”; // 和NodeJS “path”模块一样
    /
    *
  • 自定义组件自动引入 unplugin-vue-***ponents
  • element-plus 组件自动引入 unplugin-vue-***ponents
  • 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
转载请说明出处内容投诉
CSS教程_站长资源网 » vite.config.ts常规配置(publicPath)

发表评论

欢迎 访客 发表评论

一个令你着迷的主题!

查看演示 官网购买