vue3项目新建创建一个vue3项目 2。需要使用到ts-loader.需要在vue.config.js中配置。在规则中

创建一个vue3项目 2。需要使用到ts-loader.需要在vue.config.js中配置。在规则中正则匹配，以ts开头的就使用ts-loader.

configureWebpack: {    
     resolve: { extensions: [".ts", ".tsx", ".js", ".json"] },    
     module: {        
       rules: [    
         {    
           test: /\.tsx?$/,    
           loader: 'ts-loader',    
           exclude: /node_modules/,    
           options: {
             appendTsSuffixTo: [/\.vue$/],    
           }    
         }        
       ]    
     }    
   }

3.匹配完之后还需要将main.js改为main.ts. 这时会发现报错 /app.vue moudleXXX. 这时需要定义shim.d.ts 中定义moudle ，让vue得以识别

declare module '*.vue' {
}