美文网首页Vue3
vite+ts+vue3.0 中的tsconfig.json配置

vite+ts+vue3.0 中的tsconfig.json配置

作者: 淡淡烟草味 | 来源:发表于2022-06-09 17:24 被阅读0次

    关于tsconfig.json配置说明如下:

    {
      "compilerOptions": {
        // 允许从没有设置默认导出的模块中默认导入。这并不影响代码的输出,仅为了类型检查。
        "allowSyntheticDefaultImports": true,
    
        // 解析非相对模块名的基准目录
        "baseUrl": ".",
    
        "esModuleInterop": true,
    
        // 从 tslib 导入辅助工具函数(比如 __extends, __rest等)
        "importHelpers": true,
    
        // 指定生成哪个模块系统代码
        "module": "esnext",
    
        // 决定如何处理模块。
        "moduleResolution": "node",
    
        // 启用所有严格类型检查选项。
        // 启用 --strict相当于启用 --noImplicitAny, --noImplicitThis, --alwaysStrict,
        // --strictNullChecks和 --strictFunctionTypes和--strictPropertyInitialization。
        "strict": true,
        "noImplicitAny": false, //关闭implicitly has an 'any' type
        // 支持jsx语法
        "jsx": "preserve",
        // 生成相应的 .map文件。
        "sourceMap": true,
    
        // 忽略所有的声明文件( *.d.ts)的类型检查。
        "skipLibCheck": true,
    
        // 指定ECMAScript目标版本
        "target": "esnext",
    
        // 要包含的类型声明文件名列表
        "types": ["node"],
        "typeRoots": ["../node_modules/@types"],
    
        "isolatedModules": true,
    
        // 模块名到基于 baseUrl的路径映射的列表。
        "paths": {
          "@/*": ["src/*"]
        },
        "vueCompilerOptions": {
          "experimentalDisableTemplateSupport": true //去掉volar下el标签红色波浪线问题
        },
        // 编译过程中需要引入的库文件的列表。
        "lib": ["ESNext", "DOM", "DOM.Iterable", "ScriptHost"]
      },
      // 解析的文件
      "include": [
        "src/**/*.ts",
        "src/**/*.d.ts",
        "src/**/*.tsx",
        "src/**/*.vue",
        "src/*.js",
        "src/**/*.jsx",
      ],
      "exclude": ["node_modules"],
    
      "references": [{
        "path": "./tsconfig.node.json"
      }]
    }
    

    相关文章

      网友评论

        本文标题:vite+ts+vue3.0 中的tsconfig.json配置

        本文链接:https://www.haomeiwen.com/subject/lkvmmrtx.html