题目泉源：
webpack模板里import途径中@标记是什么意义？

什么是jsconfig.json？

目次中存在jsconfig.json文件示意该目次是JavaScript项目的根目次。jsconfig.json文件指定根文件和JavaScript言语效劳供应的功用选项。

提醒：假如您不运用JavaScript，则无需忧郁jsconfig.json。

提醒：jsconfig.json源于tsconfig.json，是TypeScript的设置文件。jsconfig.json相当于tsconfig.json的“allowJs”属性设置为true。

为何我须要一个jsconfig.json文件？

Visual Studio Code的JavaScript支撑能够在两种差别的形式下运转：

• 文件局限 – 没有jsconfig.json：在此形式下，在Visual Studio Code中翻开的JavaScript文件被视为自力单位。 只需文件a.js没有显式援用文件b.ts（运用///援用指令或CommonJS模块），两个文件之间就没有配合的项目上下文。
• 显式项目 – 运用jsconfig.json：JavaScript项目是经由历程jsconfig.json文件定义的。 目次中存在此类文件示意该目次是JavaScript项目的根目次。 文件自身能够挑选列出属于项目的文件，要从项目中消除的文件，以及编译器选项（见下文）。

当您在事情空间中有一个定义项目上下文的jsconfig.json文件时，JavaScript体验会获得革新。 因而，当您在新事情空间中翻开JavaScript文件时，我们供应了一个建立jsconfig.json文件的提醒。

jsconfig.json的位置

我们经由历程建立jsconfig.json文件将我们代码的这一部份（我们网站的客户端）定义为JavaScript项目。 将文件放在JavaScript代码的根目次下，以下所示。

在更庞杂的项目中，您能够在事情空间中定义了多个jsconfig.json文件。 您将须要实行此操纵，以便不将一个项目中的代码提议为IntelliSense以在另一个项目中举行编码。 下面的插图是一个带有客户端和效劳器文件夹的项目，显现了两个零丁的JavaScript项目。

例子

默许情况下，JavaScript言语效劳将剖析并为JavaScript项目中的一切文件供应IntelliSense^{(智能感知)}。 您须要指定要消除或包含的文件，以便供应准确的IntelliSense。

运用“exclude”属性

exclude属性（glob形式）通知言语效劳哪些文件是什么文件，而不是源代码的一部份。 这使机能保持在较高程度。 假如IntelliSense速率很慢，请将文件夹增加到消除列表中（假如检测到速率减慢，VS代码将提醒您实行此操纵）。

{
    "compilerOptions": {
        "target": "es6"
    },
    "exclude": [
        "node_modules"
    ]
}

提醒：您将要消除由构建历程天生的文件（比方，dist目次）。 这些文件会致使提议显现两次，并会下降IntelliSense的速率。

运用“包含”属性

或许，能够运用include属性（glob形式）显式设置项目中的文件。假如不存在include属性，则默许为包含目次和子目次中的一切文件。假如指定了include属性，则只包含这些文件。下面是一个具有显式include属性的示例。

{
    "compilerOptions": {
        "target": "es6"
    },
    "include": [
        "src/**/*"
    ]
}

提醒：exclude和include中的文件途径是相关于jsconfig.json的位置。

jsconfig选项

下面是jsconfig“compilerOptions”来设置JavaScript言语支撑。

提醒：不要被compilerOptions殽杂。 此属性的存在是因为jsconfig.json是tsconfig.json的子女，后者用于编译TypeScript。

运用webpack别号

要使IntelliSense运用webpack别号，您须要运用glob形式指定paths键。
比方，关于别号’ClientApp’_(或@)：

{
  "compilerOptions": {
    "baseUrl": ".",
    "paths": {
      "ClientApp/*": ["./ClientApp/*"]
    }
  }
}

然后运用别号

import Something from 'ClientApp/foo'
// 或 import Something from '@/foo'

最好实践

只需有能够，您应当运用不属于项目源代码的JavaScript文件消除文件夹。

提醒：假如事情空间中没有jsconfig.json，则默许情况下，VS Code将消除node_modules文件夹。

下面是一个将罕见项目组件映照到其装置文件夹的表，提议将其消除在外：

当您的JavaScript项目变得太大而机能变慢时，一般是因为像node_modules如许的库文件夹。 假如VS Code检测到您的项目变得过大，则会提醒您编辑消除列表。

提醒：偶然没法准确挑选变动设置，比方增加或编辑jsconfig.json文件。 运转Reload JavaScript Project敕令应从新加载项目并猎取变动。

运用TypeScript编译器举行初级编译

当tsc用于将ES6 JavaScript向下级编译为旧版本时，jsconfig.json中的以下编译器选项实用：

这个文档有效么？

参考：
JavaScript言语效劳
TypeScript tsconfig.json
glob形式
glob (programming))
webpack模板里import途径中@标记是什么意义？

翻译：Xindot
原文：https://code.visualstudio.com…