38 lines
		
	
	
		
			694 B
		
	
	
	
		
			Markdown
		
	
	
	
	
	
		
		
			
		
	
	
			38 lines
		
	
	
		
			694 B
		
	
	
	
		
			Markdown
		
	
	
	
	
	
| 
								 | 
							
								# 前端
							 | 
						|||
| 
								 | 
							
								
							 | 
						|||
| 
								 | 
							
								## 问题
							 | 
						|||
| 
								 | 
							
								
							 | 
						|||
| 
								 | 
							
								### vue3 引入@路径
							 | 
						|||
| 
								 | 
							
								
							 | 
						|||
| 
								 | 
							
								#### 引入path模块问题
							 | 
						|||
| 
								 | 
							
								
							 | 
						|||
| 
								 | 
							
								node.js 自带的path模块,是JavaScript代码,要引入ts文件,需要安装@type/node模块。
							 | 
						|||
| 
								 | 
							
								
							 | 
						|||
| 
								 | 
							
								```shell
							 | 
						|||
| 
								 | 
							
								npm install @types/node --save-dev
							 | 
						|||
| 
								 | 
							
								```
							 | 
						|||
| 
								 | 
							
								
							 | 
						|||
| 
								 | 
							
								之后就可以加载path。在 vite.config.ts 中加上
							 | 
						|||
| 
								 | 
							
								
							 | 
						|||
| 
								 | 
							
								```typescript
							 | 
						|||
| 
								 | 
							
								import path from "path";
							 | 
						|||
| 
								 | 
							
								resolve: {
							 | 
						|||
| 
								 | 
							
								            //配置别名
							 | 
						|||
| 
								 | 
							
								            alias: [
							 | 
						|||
| 
								 | 
							
								                {
							 | 
						|||
| 
								 | 
							
								                    find: /^~/,
							 | 
						|||
| 
								 | 
							
								                    replacement: "",
							 | 
						|||
| 
								 | 
							
								                },
							 | 
						|||
| 
								 | 
							
								                {
							 | 
						|||
| 
								 | 
							
								                    find: "@",
							 | 
						|||
| 
								 | 
							
								                    replacement: path.resolve( __dirname, "src" ),
							 | 
						|||
| 
								 | 
							
								                },
							 | 
						|||
| 
								 | 
							
								            ],
							 | 
						|||
| 
								 | 
							
								        },
							 | 
						|||
| 
								 | 
							
								```
							 | 
						|||
| 
								 | 
							
								
							 | 
						|||
| 
								 | 
							
								## 组件
							 | 
						|||
| 
								 | 
							
								
							 | 
						|||
| 
								 | 
							
								### pdf预览组件
							 | 
						|||
| 
								 | 
							
								
							 | 
						|||
| 
								 | 
							
								使用
							 |