vue 项目构建之 jsconfig.json 作用

 jsconfig.json 作用

    由于 webpack 别名配置好以后，如果想要在 vscode 中可以正确提示路径，就需要配置 jsconfig.json 文件：
    项目目录下创建 jsconfig.json 文件

{
  "compilerOptions": {
    "target": "es5",
    "module": "esnext",
    "baseUrl": "./",
    "moduleResolution": "node",
    "paths": {
      "@/*": [
        "src/*"
      ]
    },
    "lib": [
      "esnext",
      "dom",
      "dom.iterable",
      "scripthost"
    ]
  },
  "include": [
    "src/**/*"
  ],
  "exclude": [
      "node_modules",
      "dist"
  ]
}

• "target": "es5" 表示将TypeScript代码编译为兼容ECMAScript 5的JavaScript代码。

• "module": "esnext" 表示使用下一代JavaScript模块标准（现在通常指的是ES2015, 也就是ES6）。

"moduleResolution"选项。这个选项用于指定编译器应该使用哪种模块解析策略。

在TypeScript中，有两种主要的模块解析策略："node"和"classic"。

•  "node"策略模仿了Node.js中的模块解析，它期望相对导入始终以/、./或../开头，并使用Node.js的解析算法查找模块。

•  "classic"策略是TypeScript默认的模块解析策略，它期望相对导入始终不带./或../，并且会在node_modules中查找模块。

 

VScode的配置

重启VScode