@vue.confing.js中的publicPath属性变为base属性
import { defineConfig } from ‘vite’
import vue from ‘@vitejs/plugin-vue’ // 单文件组件支持
/**文章来源地址https://www.toymoban.com/news/detail-440977.html
- 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://www.toymoban.com/news/detail-440977.html
到了这里,关于vite.config.ts常规配置(publicPath)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!