前端 javascript vue webpack 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

相关链接

 您阅读本篇文章共花了：