// 配置根目录下的vite.config.jsimport{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'// 添加路径别名@importpathfrom'path'// https://vitejs.dev/config/exportdefaultdefineConfig({plugins:[vue()],// 添加如下,配置路径别名resolve:{alias:{'@':path.resolve(__dirname,'src')}}}) //...
使用vue create proName 后,在.vue文件里 "import path from 'path' ’" 报错 Cannot find module 'path'. 检查node_modules/@types/node/index.d.ts, 发现 declare moudle "path"存在。 解决: 在tsconfig.json的type项添加"node"即可。 "types": [ "node", ],...
import{ createSvgIconsPlugin }from'vite-plugin-svg-icons'importpathfrom'path'exportdefault() => {return{plugins: [createSvgIconsPlugin({// 指定要缓存的图标库文件夹iconDirs: [path.resolve(process.cwd(),'src/assets/icons')],// 格式定义symbolId:'icon-[dir]-[name]', }), ], } } 3. ...
import path from 'path' // https://vitejs.dev/config/ export default defineConfig({ plugins: [vue()], resolve: { alias: { '@': path.resolve(__dirname, 'src') }, extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json'] } }) path.resolve() 该方法将一些的 路径/...
1、安装path模块 yarn add @types/node -D 2、修改vite.config.ts配置 import { defineConfig } from 'vite'import vue from'@vitejs/plugin-vue'import path from'path';//https://vitejs.dev/config/exportdefaultdefineConfig({ resolve:{ alias:{'@':path.resolve(__dirname,'src') ...
import{createSvgIconsPlugin}from'vite-plugin-svg-icons'importpathfrom'path'exportdefault()=>{return{plugins:[createSvgIconsPlugin({// 指定需要缓存的图标文件夹iconDirs:[path.resolve(process.cwd(),'src/assets/icons')],// 指定symbolId格式symbolId:'icon-[dir]-[name]',}),],}} ...
import{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'importAutoImportfrom'unplugin-auto-import/vite'importComponentsfrom'unplugin-vue-components/vite'import{ElementPlusResolver}from'unplugin-vue-components/resolvers'importpathfrom'path'// 增加此行代码// https://vitejs.dev/config/exportdefau...
plugin-jsx"import path from "path"// https://vitejs.dev/config/export default defineConfig({plugins: [vue(),vuejsx({})],resolve:{alias:{"@": `${path.resolve(__dirname, './src')}`}},esbuild: {jsxFactory: 'h',jsxFragment: 'Fragment',jsxInject: "import { h } from 'vue';"...
{path: '/four',name: 'four',component: () => import(/* webpackChunkName: "about" */ '../views/four.vue')},{path: '/abouta',name: 'abouta',component: () => import(/* webpackChunkName: "about" */ '../views/abouta.vue'),children: [{path: '/abouta/aboutson1',name:...
path: “*” (任意路径) – 前面不匹配就命中最后这个 import NotFind from '@/views/NotFind' const router = new VueRouter({ routes: [ ... { path: '*', component: NotFind } //最后一个 ] }) 1. 2. 3. 4. 5. 6. 7. 8. ...